JSFiddle - React, Tailwind, and code Playground

by petroveg

HTML

<div id="wrap">
	<div class="navbar"></div>
	<div class="container"></div>
	<div id="footer"></div>
</div>

CSS

html,
body{
	height:100%;
}
html{
	background:rgb(67, 64, 66);
}
body{
	margin:0;
}
#wrap{
	position:relative;
	min-height:100%;
}
.navbar{
	position:fixed;
	top:0;
	right:0;
	left:0;
	height:100px;
	background:rgba(58, 54, 54, .8);
}
#footer{
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	height:100px;
	padding-top:20px;
	background:#3a3636;
}
.container{
	width:100%;
	min-height:500px;
	padding:0;
	background:url(http://mycodetest.hol.es/img/slide.jpg) no-repeat;
	background-size:cover;
}