JSFiddle - React, Tailwind, and code Playground

by Paulie_D

HTML

<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Test</title>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
		<div id="container">						
			<div id="content">
				<section>
				<h2>Header</h2>
				<p></p>
				</section>

				<section>
				
				</section>

				<section>
				</section>
				
				<section>
				</section>

				<section>
				</section>

				<section>
				</section>
			</div>
		</div>
	</body>
</html>

CSS

body {
	margin:0px;
	padding:0px;
}

#container {
	background-color:Silver;
	width:1024px;
	margin:auto;
	padding-left:10px;
	padding-right:10px;	
	padding-bottom:20px;
	min-height:100%;
	position:absolute;
	left:0;
	right:0;
}

#content {
	font-family:Arial, Helvetica, sans-serif;
	color:#664E44;
	background-color:red;
	overflow:auto;
}


section {
    color:#24292E;
    width:300px;
    height:500px;
    display:inline-block;
    margin: 0 15px;
    background-color:#A8B1B1;
    padding:4px;
    vertical-align:top
}