JSFiddle - React, Tailwind, and code Playground

by jimousse

HTML

<div class="one">
	<div class="two">
		<div class="three">
			Hello
		</div>
	</div>
</div>

CSS

.one {
	height: 200px;
	background: lightblue;
	display: flex;
	flex-direction: column;
}

.two {
	background: pink;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.three {
	flex-grow: 1;
	background: yellow;
}