JSFiddle - React, Tailwind, and code Playground

by fersterin

HTML

<div class="layout">
  <div class="nav">Нав</div>
	<div class="sidebar">Сайдбар</div>
	<div class="content">Контент (резина)</div>
</div>
<!-- Порядок блоков может не соотвествать порядку на result, но так нужно для работы float. Сначала должны идти плавующие блоки. -->

CSS

.layout {
	overflow: hidden;
}
.nav {
	background-color: lightgreen;
	width: 40%; 
	float: left;
}
.sidebar {
	background-color: #c3c;
	width: 50%;
	float: left;
}
.content {
	background-color: lightblue;
	width: 30%;
	float: left;
}