title: Responsive Design & Google Adsense - can't get it to work
body: <p>I am trying to change the Static Ads on my site to Responsive Ads using the new Responsive Ad Units on <a href="https://support.google.com/adsense/answer/3543893?hl=en&amp;ref_topic=3641113#adv" rel="nofollow">Google Adsense</a></p>
  
  <p>I am stuck and here's my code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="g-ad"&gt;
  &lt;script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"&gt;&lt;/script&gt;
  &lt;!-- Responsive-Forum-Bot --&gt;
  &lt;ins class="adsbygoogle g-ad-in"
       style="display:inline-block"
       data-ad-client="ca-pub-client"
       data-ad-slot="adnumber"&gt;&lt;/ins&gt;
  &lt;script&gt;
  (adsbygoogle = window.adsbygoogle || []).push({});
  &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>@media (min-width:500px){
      .g-ad, .g-ad-in{
          width:468px
      }
  
      .g-ad-in{
          height:60px
      }
  }
  
  @media (min-width:800px){
      .g-ad, .g-ad-in{
          width:728px
      }
  
      .g-ad-in{
          height:90px
      }
  }
  </code></pre>
  
  <p>My problem is that the container changes width but the advertisement it self doesn't.
  Am I doing something wrong? I used the guide on the top and followed it..</p>
  
  <p>Thanks in advanced,
  Din.</p>