JSFiddle - React, Tailwind, and code Playground

by Andrey

HTML

<header>Название/лого</header>
<nav>Навигация</nav>
<article>Контент</article>
<aside>Сайдбар</aside>
<footer>Подвал</footer>

CSS

body > header, body > footer {
    width: 100%;
    text-align: center;
    background-color: #efe;
}
body > nav {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
body > article {
    float:left;
    width: 60%;
    background-color: #eef;
}
body > aside {
    float: right;
    width: 40%;
    background-color: #fee;
}