JSFiddle - React, Tailwind, and code Playground

by Alex Bykovsky

HTML

<body>
	<div class="row">header</div>
	<div class="wide">wide</div>
	<div class="row">content</div>
	<div class="row">footer</div>
</body>
</html>

CSS

<style>
body, html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
div{
	text-align:right;
}
.row{
	margin:0 auto;
	width:1000px;
	display:block;
}
.wide{
	background-color:rgba(255,51,0,0.5);
	height:350px;
	display:block;
}
</style>