title: Responsive Email Media Query Not Working When Resizing Browser
body: <p>I'm having trouble with my @media query. When I resize the browser (chrome) it doesn't shrink. I've tried a couple solutions now and can't get it to work. I'm sure it's a simple user error but from the different articles and blogs I have read it seems this is the logical solution and should work.</p>
  
  <pre><code>&lt;table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="body-table"&gt;
            &lt;tbody&gt;
              &lt;tr align="center"&gt;
                &lt;td width="100%" class="container" bgcolor="#ffffff" height="100"&gt;
  </code></pre>
  
  <p>And the media query:</p>
  
  <pre><code>@media screen and (max-width: 600px){
          *[class="container"] { width:100% !important;} 
  </code></pre>
  
  <p>}</p>