JSFiddle - React, Tailwind, and code Playground

by timkl

HTML

<div id="main-content">

    <div id="box">
        <h2>box</h2>
    </div><!-- /box -->

</div><!-- /main-content -->

<div id="under">
    <h2>under</h2>
</div><!-- /under-->

<div id="footer">
    <h2>footer</h2>  
</div><!-- /footer -->

CSS

#container {
    font-family: Helvetica;
    color: #ccc;
    font-weight: bold; 
    }


#main-content, #box, #footer, #under {
    padding: 16px;
    }


#box {
    background: #F3F3F1;
    height: 200px;
}

#under {
    height: 40px;
    background: orange;
    margin-top: -100px;
    z-index: -10;
    opacity: .7;
    color: brown;
    }

#footer {
    background: #F3F3F1;    
}