JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div class="container">
		
		<div class="header">
			<div class="yellow"></div>
			<div class="white"></div>
		</div>
		<div class="content">
			<div class="blue"></div>
			<div class="gray">
				<p>aaaa</p>
				<p>aaaa</p>
                <p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
                <p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
                <p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
                <p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
                <p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
                <p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
                <p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
                <p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
                <p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
                <p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
				<p>aaaa</p>
                <p>aaaa</p>
				<p>aaaa</p>
			</div>				
		</div>
	</div>

</body>

CSS

html, body {
    margin: 0;
}

.container {
    display: flex;
    flex-direction: column;
}

.header {
    display:flex;
    height: 200px;

    background-color:green;
}

.yellow {
    width: 700px;

    background-color: yellow;
}

.white {
    width: 200px;
    flex: 1;
    
    background-color: white;
}

.content {
    display: flex;
    
    background-color: red;
}
.blue {
    width: 500px;

    background-color: blue;
}
.gray {
    width: 200px;
    flex:1;
    
    background-color: gray;
}