JSFiddle - React, Tailwind, and code Playground

by kapik

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
      


    </head>
    <body id="index" class="home">

        <div class="" id="header">
           
        </div>

        <div style="min-width:900px;position:absolute;top:46px;left:0;right:0;bottom:0">
        <div id="sidebar" style="background:red">
            
        </div>

        <div id="content">
            
            <div style="float:left;background:white;height:500px;width: 200px;margin:20px"></div>
            <div style="float:left;background:white;height:500px;width: 200px;margin:20px"></div>
            <div style="float:left;background:white;height:500px;width: 200px;margin:20px"></div>
            <div style="float:left;background:white;height:500px;width: 200px;margin:20px"></div>
            <div style="float:left;background:white;height:500px;width: 200px;margin:20px"></div>
            <div style="float:left;background:white;height:500px;width: 200px;margin:20px"></div>
            <div style="float:left;background:white;height:500px;width: 200px;margin:20px"></div>
            <div style="float:left;background:white;height:500px;width: 200px;margin:20px"></div>
            <div style="float:left;background:white;height:500px;width: 200px;margin:20px"></div>

        </div>

</div>
    </body>
</html>

CSS

html, body { 

                height: 100%; 
                min-width: 900px
               


            }
body {
    background: #e3e3e3;
}


#header{
    background : #1a1a1a;
    height: 46px;
    min-width: 900px;
    line-height: 46px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    overflow: hidden;
    color:white; 
}
/************************************************/
/*                  SIDEBAR                     */


#sidebar{
    color:#fff;
    position:absolute;
    top:0;
    background: #1a1a1a;
    left:0;
    width:70px;
    bottom:0
}



/************************************************/
/*                  CONTENT                     */

#content{
    padding:10px;
    overflow: auto;
    position:absolute;
    top: 0;
    left:70px;
    right:0;
    bottom:0;
   
}