JSFiddle - React, Tailwind, and code Playground

by Andrew Dunai

HTML

<nav>I'm the menu!</nav>
<content>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div> 
    <div>Lorem ipsum</div>
</content>

CSS

nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #0077FF;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}

content {
    display: block;
    margin-top: 40px;
    font-size: 36px;
}