JSFiddle - React, Tailwind, and code Playground

by Kyle

HTML

<div id="main">

           <div id="left" class="cell">

               <div id="description" class="cell">
               </div>

               <div id="following" class="cell">
               </div>

           </div>

           <div id="posts" class="cell"> 


      there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)there are some contents here (height is set to auto)

       </div> 
    <div class="clear"></div>

    </div>

CSS

div#main{
         width: 970px;
         background: rgba(255,0,0,1);
         border: 5px solid rgb(251,151,117);
         margin: 20px 0px 20px 0px; /* Top Right Bottom Left*/
         padding: 10px       
    }
div#left{width: 383px;
         height: 100px; 
         margin-right: 5px;
         background: rgb(0,0,255);
         float:left
    }

    div#description{width: 100%; 
                    height: 50%; 
                background: rgb(0,0,0)  
        }

        div#following{width: 100%; 
                  height: 50%; 
              background: rgb(0,255,0)  
        }

div#posts{width: 577px;
          margin-left: 5px;
      background: rgb(255,255,0);
      float: right
    }

.clear
{
    clear: both;
}