JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container1">
<div id="logo">logo</div><!-- logo -->
<div id="topmenuwrap"><div id="topmenu">topmenu</div></div><!-- topmenuwrap -->

</div>
<div id="container">
    <div id="main">
        <div id="leftmenu">
            <div id="lmt">menu</div>
            <div id="lmc">menu</div>
        </div><!-- leftmenu -->
        <div id="content">
            <div id="ctitle">ctitle</div><!-- ctitle -->
            <div id="contentct">ctitle</div><!-- ctitle -->
        </div><!-- content -->
    </div><!-- main --> 
</div><!-- container -->



<footer>
<div id="fc">footer</div>
</footer>

CSS

html {
position: relative;
min-height:100%;position:relative
}

body {
margin: 0 0 20px;
font-family: times new roman;
color: #0B0B3B;
background-color: white;
}

#container{
background: white;
margin: 0px auto;
width: 1140px;
border-left: 1px solid; border-right: 1px solid; border-color: #0B0B3B;
overflow: hidden;
    
    height: auto;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    
}

#container1{
position: relative;
background: white;
margin: 0px auto;
width: 1140px;
overflow: hidden;
}

#topmenu{
height: 40px;
margin: 0px 0px 0px 147px;
}

#main{
background: grey;
position: relative;
margin: 0px 0px 0px 0px;
    height:100%;
}

#leftmenu{
width: 134px;
background: #E0E6F8;
position: relative;
float: left;
        height:100%;
   margin-right: 10px;
}

#content{
width: 995px;
background: #C1C2C3;
position: relative;
float: left;
height:100%;
}

footer {
position: absolute;
left: 0;
bottom: 0;
height: 20px;
width: 100%;
}

#fc {
text-align: center;
background-color:#0B0B3B; 
background: linear-gradient(top, #2B60DE 0%, black 75%); 
background: -moz-linear-gradient(top, #2B60DE 0%, black 75%); 
background: -webkit-linear-gradient(top, #2B60DE 0%, black 75%);	
color:white;
margin: 0px auto;
width: 1140px;
border-left: 1px solid; border-right: 1px solid; border-color: #0B0B3B;
}

#ctitle {
height: 30px;
background-color:#0B0B3B; 
background: linear-gradient(top, black 0%, #2B60DE 75%); 
background: -moz-linear-gradient(top, black 0%, #2B60DE 75%); 
background: -webkit-linear-gradient(top, black 0%, #2B60DE 75%);
color: white;
font-size: 18px;
border-left: 1px solid; 
padding: 5px 0px 0px 5px;
border-color: #0B0B3B;
}

#contentct {
background: #E0E6F8;
border-left: 1px solid; 
padding: 0px 0px 0px 5px;
    height:100%;
}

#lmt {
padding: 5px 0px 0px 5px;
background-color:#0B0B3B; 
background: linear-gradient(top, black 0%, #2B60DE 75%); 
background: -moz-linear-gradient(top, black 0%, #2B60DE 75%); 
background:...