benim kullandığım kodlar şöyle ;

<div align=left style=float:left;padding-left:0px;>
<style>
.metinesnek { width: 300px; height: 250px; }
@media(min-width: 500px) { .metinesnek { width: 468px; height: 60px; } }
@media(min-width: 600px) { .metinesnek { width: 336px; height: 280px; } }
@media(min-width: 800px) { .metinesnek { width: 580px; height: 400px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- metinesnek -->
<ins class="adsbygoogle metinesnek"
style="display:inline-block"
data-ad-client="***************"
data-ad-slot="*****************"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

bu kodlamada kırmızı olan yer oluşturacağın esnek reklamın adı ile aynı olacak. bu kodlarla benim sitemde reklam mobilde 300x250 oluyor. masaüstünde ise en büyük boyutlu kare reklama kadar çıkabiliyor. sen uygulamak istediğin boyutları kafana göre düzenle.

kolay gelsin.