JSFiddle - React, Tailwind, and code Playground

by panchroma

HTML

<div class="container-fluid">
<div class="row-fluid">

<div class="span12" style="background:black; padding:25px 0px;">
content content
</div><!-- end span 12 -->

</div><!-- end row-fluid -->
<div class="row-fluid">
<div class="span4 offset2">
<p>blah blah blah this is a test blah blah blah this is a testblah blah blah this is a test <br /> blah blah blah this is a testblah blah blah this is a testblah blah blah this is a test</p>
</div> <!-- end span4 -->
    
   <div class="span4" style="max-width:400px; margin:auto;">
    
    <!-- <table width="400" border="0" cellpadding="5px"> -->
       
  <table width="100%" border="0" cellpadding="5px"> <!-- new -->
     <tr>
       <td><img src="#"/></td>
    <td><img src="#"/></td>
</tr>
  <tr>
    <td><img src="#"/></td>
    <td><img src="#"/></td>
  </tr>
  <tr>
    <td><img src="#"/></td>
    <td><img src="#"/></td>
  </tr>
</table>
        
        
    </div><!-- end span4 -->
    
</div><!-- end row -->
    
<div class="row-fluid"> <!-- new -->

<div class="span12" style="background:blue; padding:25px 0px;">content content</div>
</div><!-- end row-fluid -->
</div><!-- new  end container-fluid-->

CSS

@import url("http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css");

table{
background-color:#aaa;
}
@media (max-width: 900px) {
    p{
        font-size:90%;
}
}
@media (max-width: 850px) {
    p{
        font-size:85%;
   
}
}
@media (max-width: 767px) {
    p{
        font-size:100%;
   
}
}

/* jsFiddle tweak to force viewpoint meta tag on mobile */
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>