JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<header>
  <h1>ООО "Агросервис"</h1>
</header>

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

<div class="content">
Мы являемся лидирующей компанией в нашей отрасли!<br>
Мы на голову обходим всех наших конкурентов. Динамика нашего роста не имеет ни границ, ни пределов.<br>
Сопротивление бесполезно.
</div>

</body>

CSS

body {
  font-family: "Trebuchet MS", san-serif;
        }
header {
  display: block;
  min-width: auto;
  margin: 10px;
  background-color: lightblue;
}
.sidebar {
  min-width: 200px;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  background-color: lightblue;
}
.content {
  min-width: 230px;
  margin: 10px 10px 10px 220px;
  background-color: lightblue;
}