JSFiddle - React, Tailwind, and code Playground

HTML

<header>
</header>
<div id="wrapper">
    <div id="first_block">
    </div><!-- Close first_block -->
    
    <div id="center_block">
    </div><!-- Close center_block -->
    
</div> <!-- Close wrapper -->

CSS

header {
    width:100%;
        height:30px;
            border:1px solid black;
}
#wrapper {
border:1px solid black;
overflow:hidden;
    
}
#first_block {
     float:left;
     height:200px;
     border:1px solid black;
    width:200px;       
     background:red;
}
#center_block {
    background:green;    
}
#first_block, #center_block, #second_block {
  padding-bottom:10000px;
 margin-bottom:-10000px;   
}