title: Responsive Div with 3 columns
body: <p>Hi have 3 divs with text, image and vídeo. On my browser look fine but when i do my page small (responsive) can't see the video and image.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  
  .wrap {
      display: table;
  }
  
  .wrap div{
      display: table-cell;
      vertical-align: top;
      padding: 20px;
  
  }
  
  &lt;/style&gt;
  
  &lt;div class="wrap"&gt;
     &lt;div class=""&gt;
        &lt;span&gt;&lt;strong&gt;text:&lt;/strong&gt;&lt;/span&gt;&lt;br&gt;
        &lt;span&gt;text&lt;/span&gt;&lt;br&gt;
        &lt;span&gt;text&lt;/span&gt;&lt;br&gt;
        &lt;span&gt;text&lt;/span&gt;&lt;br&gt;
        &lt;span&gt;&lt;strong&gt;text:&lt;/strong&gt;&lt;/span&gt;&lt;br&gt;
        &lt;span&gt;text&lt;/span&gt;&lt;br&gt;
     &lt;/div&gt;
     &lt;div class=""&gt;
        &lt;img src="myimage.jpg"&gt;   
     &lt;/div&gt;
     &lt;div class=""&gt;
        &lt;iframe width="560" height="315" src="myvideourl" frameborder="0" allowfullscreen=""&gt;&lt;/iframe&gt;     
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to make a singler column in this case.</p>