JSFiddle - React, Tailwind, and code Playground

by Chris Ball

HTML

<div class="content">

	<div class="container"></div>

	<div class="section"></div>

	<div class="section">
		<div class="section"></div>
	</div>

</div>

SCSS

* { box-sizing: border-box; margin: 0; padding: 0; }

.content {
	width: 100%;
	height: 100vh;
	border: 4px solid blue;
	& > * {
		margin: 50px auto;
		max-width: 50%;
	}
}

.container {
	border: 4px solid green;
	min-height: 100px;
}

.section {
	border: 4px solid red;
	min-height: 100px;
}