JSFiddle - React, Tailwind, and code Playground

by harsh dand

HTML

<body>

<div id="mainContainer">

    <!--Header-->
    <div id="headerContainer">
        <div id="header"></div>
    <!--Menu-->
    <div id="mainMenuContainer">

    </div>
    <!--Menu-->
    </div>
    <!--Header End-->

    <!--Body-->
    <div id="mainBodyContainer">
        <div id="topExtra"></div>

        <div id="test"></div>
    </div>
    <!--Body End-->

</div>

</body>

CSS

/* CSS Document */
*{margin:0;paddding:0}

html, body { margin: 0; padding: 0; font-size:12px; min-height: auto; }

#mainContainer { margin:auto; width: 1024px; background-color:#0C9; }

#headerContainer { height: 105px; width: 1024px; position:fixed; z-index:10000; background-color:#265773; }
#header { height: 75px; width: 1024px; background-color:#999; }
#mainMenuContainer { height: 30px; width: 1024px; background-color:#F9C; }

#topExtra { height: 105px; width: 1024px; }
#mainBodyContainer { width: 1024px; }