JSFiddle - React, Tailwind, and code Playground

by Sebin Simon

HTML

<div id="block1">
    Block 1
</div>
<div id="block2">
    Block 2
</div>

<div id="block3">
    Block 3
</div>

CSS

html, body{
    height: 100%;
    width:100%;
}
#block1{
   height: 10%;
width: 50%;
text-align: center;
background-color: red;
display: block;
float: left;
}

#block2{
 height: 90%;
width: 50%;
background-color: green;
display: block;
float: left;
}

#block3{
    height:90%;
    width:50%;
    background-color:yellow;
    display:block ;  
    clear:both;
    
}