JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div class="header">
<nav>hello</nav>
</div>

CSS

body {margin:0;}

.header {height:50px;;background-color:#dddddd;width:100%;position:fixed;top:0;left:0;}

nav {width:100%;background-color:red;top:50px;bottom:0px;position:fixed;overflow:auto;}

@media only screen and (min-width: 600px) {
nav {width:auto;background-color:red;top:0px;right:0px;bottom:auto;position:fixed;overflow:auto;}
}