title: How to resize a form/table using media queries
body: <p>Here is my code:</p>
  
  <pre><code>&lt;form name="htmlform" method="post" action="html_form_send.php"&gt;
  &lt;div id="table"&gt;
  &lt;table width="400px" style="margin-top: 50px; margin-left: 20px; color: #FFF"&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td valign="top"&gt;
  &lt;label for="name"&gt;Name *&lt;/label&gt;
  &lt;/td&gt;
  &lt;td valign="top"&gt;
  &lt;input  type="text" name="name" maxlength="50" size="30" style="margin-bottom: 10px"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  
  &lt;tr&gt;
  &lt;td valign="top"&gt;
  &lt;label for="email"&gt;Email Address *&lt;/label&gt;
  &lt;/td&gt;
  &lt;td valign="top"&gt;
  &lt;input  type="text" name="email" maxlength="80" size="30" style="margin-bottom: 10px"&gt;
  &lt;/td&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td valign="top"&gt;
  &lt;label for="telephone"&gt;Telephone Number&lt;/label&gt;
  &lt;/td&gt;
  &lt;td valign="top"&gt;
  &lt;input  type="text" name="telephone" maxlength="30" size="30" style="margin-bottom:    10px"&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td valign="top"&gt;
  &lt;label for="enquiry"&gt;Enquiry *&lt;/label&gt;
  &lt;/td&gt;
  &lt;td valign="top"&gt;
  &lt;textarea  name="enquiry" maxlength="1000" cols="32" rows="6"&gt;&lt;/textarea&gt;
  &lt;/td&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td colspan="2" style="text-align:center"&gt;
  
  &lt;input type="submit" value="Submit"&gt;  
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And i want to make the table and all its features smaller when viewed below 480px wide for small devices phones/etc. I don't know what to reference when using a media query:</p>
  
  <pre><code>@media only screen and (max-width: 480px) {
  
  #table {
  width: 100px;
  
  
  }
  </code></pre>
  
  <p>This css above doesn't work, it resizes the div but the content is still original size even if i put the form in the div it still doesn't work, perhaps the div is not required anyway... any help would receive major kudos!!</p>
  
  <p>Thanks!</p>