JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <h1>ООО "Пёс"</h1>
</header>

<nav class="sidebar">
    <ul>
        <li><a href="#">Главная</a></li>
        <li><a href="#">Продукты</a></li>
        <li><a href="#">О нас</a></li>
        <li><a href="#">Контакты</a></li>
    </ul>
</nav>

<article class="content">
    Собака принадлежит к древнейшим из всех домашних животных.
    Учёные сходятся на том, что собака была одомашнена в Старом Свете в эпоху верхнего палеолита;
    однако по поводу точного Собака принадлежит к древнейшим из всех домашних животных.
    Учёные сходятся на том, что собака была одомашнена в Старом Свете в эпоху верхнего палеолита;
    однако по поводу точного места, временно́го отрезка и причин одомашнивания собаки в научной среде до сих пор единого мнения нет[6].
    Наскальные изображения, рисунки и находки археологов позволяют учёным делать некоторые выводы и предположения.
</article>

CSS

body {
            font-family: "Trebuchet MS";
        }

        header {
            display: block;
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 10px;
            background-color: rgba(186, 163, 147, 0.38);
        }
        .sidebar {
            width: 200px;
            float: left;
            margin-right: 10px;
            margin-left: 10px;
            background-color: #cbffbd;
            box-sizing: border-box;
        }
        .content {
            margin-right: 10px;
            margin-left: 220px;
            background-color: rgba(170, 240, 235, 0.84);
        }