JSFiddle - React, Tailwind, and code Playground

by fersterin

HTML

<div class="layout">
	<div class="nav">Резина (авто)</div>
	<div class="sidebar">Фикс 200px</div>
	<div class="content">Резина (авто)</div>
</div>

CSS

body {
	min-width: 900px;
}
.layout {
	background-color: lightyellow;
	position: relative;
}
.nav {
	background-color: lightgreen;
	position: absolute;
	left: 0;
	right: 50%;
	margin-right: 100px;

}
.sidebar {
	background-color: lightblue;
	position: absolute;
	left: 50%;
	width: 200px;
	margin-left: -100px;
}
.content {
	background-color: #ccc;
	position: absolute;
	right: 0;
	left: 50%;
	margin-left: 100px;
}