title: Can I use @media in an if/else kind of way?
body: <p>I have this form placed in the footer of my page (has just one text box and one button). I want to try and apply <code>@media</code> to it, based on the viewport width available ... So for example, in my case the full width this form needs it about 270px or so. So I want to apply CSS to say that:</p>
  
  <pre><code>if the width available is at least 270px
       apply first set of CSS rules
  else
       apply second set of CSS rules
  </code></pre>
  
  <p>How can I do this using <code>@media</code> ?</p>