JSFiddle - React, Tailwind, and code Playground

by Hui Zheng

HTML

<div id="content">  
    in content
    <div id="mainContent">  
        <section>  
            <!-- Blog post -->  
            in blog
        </section>  
        <section id="comments">  
            <!-- Comments -->  
            comments
        </section>  
        <form>  
            <!-- Comment form -->  
            comment form
        </form>  
    </div>  
    <aside>  
        <!-- Sidebar -->  
        sidebar
    </aside>  
</div>

CSS

#content {  
    display: table;  
    background:silver;
}  
  
    #mainContent {  
        display: table-cell;  
        width: 620px;  
        padding-right: 22px;  
    background: #FFF;
    
    }  
  
    aside {  
        display: table-cell;  
        width: 300px;  
    background: blue;
    }