JSFiddle - React, Tailwind, and code Playground

by krish reddy

HTML

<div class="header">
    <h2> Header 2 </h2>
</div><!-- /.header -->
<div class="container">
    <h2> Container </h2>
</div><!-- /.container -->

CSS

.header{
    width: 100%;
    height: 30px;
    background-color: rgba(0,0,0,0.3);
    z-index: 100;
    padding: 20px 0px;
    position: absolute;
}
.container{
    background-color: #49c8ff;
    z-index: 0; 
    padding: 20px 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 30px;;
}
h2{
    margin: 0px;
}