title: Table cut off on mobile device?
body: <p>I have a table (below code) on a web page, and for some reason when I navigate to this page on a mobile device, the right hand side of the table seems to be cut off? How can I fix this?</p>
  
  <pre><code>&lt;head&gt;
  
  &lt;meta name="viewport" content="width=1000"&gt;
  
  &lt;/head&gt;
  
      &lt;center&gt;
  
          &lt;table style="width:80%;"&gt;&lt;tr&gt;
           &lt;td&gt; 
            &lt;?php print render($page['content']); ?&gt; 
              &lt;/td&gt;
  
              &lt;td valign="top" style="padding-left:2%;  font-size:18px;"&gt;
  
                    &lt;?php print render($page['highlighted']); ?&gt; 
  
              &lt;/td&gt;
  
  
              &lt;/tr&gt;&lt;/table&gt;
  
          &lt;/center&gt;
  </code></pre>