JSFiddle - React, Tailwind, and code Playground

by Alireza Safian

HTML

<div class="wrapper">
    <div class="content">Hello world</div>
    <div class="menu">home | info | about us | contact</div>
</div>

CSS

body {position:relative;}
.wrapper
{
    	position: absolute;
	top: 10px;
	bottom: 30px;
	left: 10px;
	right: 10px;
    
}
.content {background:grey;
    min-height:50vh;}
.menu {background:blue; width:100%; text-align:center;}