JSFiddle - React, Tailwind, and code Playground

HTML

<html style="height:100%;margin:0;">


	<body style="height:100%;margin:0;">
		<div style="display:flex;flex-flow:column;height:100%;">
		
		
		
			<div style="background-color:green;flex-grow:1;flew-shrink:1;flex-basis:200px;display:flex;flex-flow:row;">
				<div style="background-color:yellow;flex-basis:700px;flex-grow:1;flew-shrink:1;"></div>
				<div style="background-color:white;flex-basis:100%;flex-grow:1;flew-shrink:1;"></div>
			</div>
			<div style="background-color:red;flex-grow:1;flew-shrink:1;flex-basis:100%;display:flex;flex-flow:row;">
				<div style="background-color:blue;flex-basis:500px;flex-grow:1;flew-shrink:1;"></div>
				<div...