Netboard или как его сделать адаптивным?

Сделал по инструкции (https://support.google.com/adsense/answer/6307124?hl=ru) такой код:

<style>
 .AdsTitle { width: 300px; height: 250px; }
 @media(min-width: 600px) { .AdsTitle { width: 580px; height: 400px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- AdsTitle -->
<ins class="adsbygoogle AdsTitle"
     style="display:block"
     data-ad-client="ca-pub-111**"
     data-ad-slot="222**"
     data-ad-format="rectangle"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Но что-то код не работает как надо - на месте баннера ни разу не было Нетборда, а были баннеры меньшего размера. Может что-то нужно изменить?

UPd: Под .AdsTitle нужно создавать css стили в файле style? (пример - как здесь: http://www.zegeberg.ru/statii/secrety-reclamy/623-nastroyka-adaptivnogo-bloka-adsense.html#h4-)

Chelsea, вы забыли о style="display:inline-block"

Да я вот тоже думал об этом, но в примере от самого Гугла в одном месте есть inline-block, а в другом его нет и стоит просто block. При этом стандартный адаптивный блок в админке Адсенс создается по умолчанию с "block". Одним словом сейчас поменяю, посмотрю.

Что же это получается - все сайты на которых стоят Нетборды нарушают правила Яндекса и в любой момент могут быть выкинуты с мобильного поиска?

При этом только что проверил свои страницы с Нетбордами в чекере Яндекса - ...нарушений нет. Противоречие!

1. С мобильного поиска сайты никто не выкинет, просто они будут ранжироваться ниже сайтов, которые адаптированы для просмотра на смартфонах.

2. Откройте ваш сайт на смарте или во встроенном в Google Chrome эмуляторе мобильных устройств и посмотрите, что у вас происходит с Netboard. Наверняка у вас есть что-то, что предотвращает появление горизонтальной прокрутки. Например, overflow: hidden или у вас Netboard реализован через адаптивные блоки. Противоречий не может быть.

Смотрел - Нетборд просто видно наполовину, при этом горизонтальной прокрутки действительно нет. Но всё равно получается что баннер выходит за рамки экрана

<style>

 .AdsTitle { width: 300px; height: 250px; }

 @media(min-width: 600px) { .AdsTitle { width: 580px; height: 400px; } }

</style>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- AdsTitle -->

<ins class="adsbygoogle AdsTitle"

     style="display:block"

     data-ad-client="ca-pub-111**"

     data-ad-slot="222**"

     data-ad-format="rectangle"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

Нужно убрать вот это data-ad-format="rectangle", так как размеры уже заданы в стилях

Chelsea, почитайте тут

Значит у вас для вышестоящего контейнера где-то прописывается overflow: hidden.

Убрал и объявы стали как надо, спасибо!