JSFiddle - React, Tailwind, and code Playground

by fersterin

HTML

<div class="header">Шапка сайта</div>
<table class="layout">
	<tr>
		<td class="col1">Колонка 1</td>
		<td class="col2">Колонка 2</td>
		<td class="col3">Колонка 3</td>
	</tr>
</table>
<div class="footer">Футер</div>

CSS

.header, .footer {
	background-color: lightgreen;
}
.layout {
	width: 100%;
	border-collapse: collapse;
}
.layout td {
	padding: 5px; vertical-align: top;
}
.col1 {
	background-color: lightblue;
	width: 100px;
}
.col2 {
	background-color: lightyellow;
	width: 200px;
}
.col3 {
	background-color: #c3c;
}