JSFiddle - React, Tailwind, and code Playground

by Al Dunne

HTML

<div class="wrapper">
    <div class="static">
        <div class="header">
            Header
        </div> 
        
        <div class="location">
           Location
        </div>
         
        <div class="menu">
            Menu
        </div>  
    </div>
    <div class="content">
        Content
    </div>    
    
</div>

CSS

body {
    padding: 0;  
}
.wrapper {
    margin:0 auto;
    width: 1000px;
}
.static {     
    width:1000px;
    z-index:2;
    height:120px;
    position: fixed;   
}
.header {
    background-color:Silver;
    height:100px;
}

.location {
    background-color:yellow;
    height:20px;
}

.content {
    background-color:Orange;
    width:800px;
    height:1500px;
    float: left;
    position:relative;
    top: 120px;
}
.menu {
    background-color:Green;
    position: relative;
    left: 800px;
    width:200px; 
}