JSFiddle - React, Tailwind, and code Playground

by Alan Doe

HTML

<div id="container">
 
            <div  class="contentWrapper">
            
            <div class="contentHolder">
            </div>
                
            </div>
        
        
          <div  class="contentWrapper">
            
            <div class="contentHolder">
            </div>
                
            </div>
</div>

CSS

#container
{
    width:100%;
    height:100%;
    align-content:center;
    text-align:center;
}
#postHolder
{
    width:500px;
    height:1000px;
    background-color:rgb(245,245,245);
    padding-top:10px;

}
.contentWrapper
{
    width:98%;
    height:170px;
    box-sizing:box-size;
    background-color:rgb(250,250,250);
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    padding-top:5px;
    box-shadow:0px 0px 10px rgb(220,220,220);
    
}

.contentHolder
{
    width:98%;
    height:160px;
    background-color:white;
    border-radius:5px;  
    margin-right:auto;
    margin-left:auto;
    border:1px dashed rgb(240,240,240);
    
}