title: TagError: adsbygoogle.push() error: No slot size for availableWidth=0 when i use responsive ads
body: <p>i have responsive ads set for Adsense</p>
  
  <p>I am getting the error:</p>
  
  <p>uncaught exception: TagError: adsbygoogle.push() error: No slot size for availableWidth=0</p>
  
  <p>on every page that has this code</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .adslot_2 { display:inline-block;width: 336px; height: 280px;}
  @media (max-width: 336px) { .adslot_2 { width: 300px; height: 250px; } }
  @media (min-width: 500px) { .adslot_2 { display: none; } }
  &lt;/style&gt;
  &lt;script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"&gt;&lt;/script&gt;
  &lt;ins class="adsbygoogle adslot_2" data-ad-client="removed for security purpose" data-ad-slot="removed for security purpose" data-ad-format="rectangle"&gt;&lt;/ins&gt;
  &lt;script&gt;
  (adsbygoogle = window.adsbygoogle || []).push({});
  &lt;/script&gt;
  </code></pre>
  
  <p>i tried tampering with the code a lot but still getting the same error
  note that i have other responsive ad units  with different codes that are not showing this error so i am 100% sure the problem is with the code itself</p>
  
  <p>my objective is to hide the ad from desktop and show it on mobile devices</p>
  
  <p>what is wrong with the code?</p>