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;
}
.sidebar {
	background-color: #c3c;
}
.content {
	background-color: lightblue;
}