JSFiddle - React, Tailwind, and code Playground

HTML

<body>
		<div class="container">
			<div class="oss-gradient">
			</div>
			<div class="header">
			</div>
			<div class="content-wrapper">
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
				Dummy line<br/>
			</div>
		</div>
	</body>

CSS

html {
			height: 100%;
		}
		body {
			margin: 0px;
			height: 100%;
		}
		.container {
			height: 100%;
		}
		.oss-gradient {
			height: 5px;
			min-width: 1024px;
			background: yellow;
		}
		.header {
			height: 40px;
			min-width: 1024px;
			background: #def;
		}
		.content-wrapper {
			width: 1024px;
			height: calc(100% - 45px);
			background: #defabc;
			margin: 0px auto;
		}