JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="title">
<h3>ООО АГРОСЕРВИС</h3>
</div>
<div class="side">
    <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="article">
<div class="decoration"></div>
<p>
Мы являемся лидирующей компанией в нашей отрасли!
Мы на голову обходим всех наших конкурентов.Динамика
нашего роста не имеет ни границ, ни пределов.
Сопротивление бесполезно.
</p>
</div>
</div>

CSS

* {
	margin:0;
	padding:0;
}

div {
	padding: 5px 10px;
}

.container {
 width: 80%;
}

.side {
	float: left;
	text-align: left;
	width: 100px;
}

.decoration {
  background: yellow;
  height: 10px;
  
}

.side ul {
	list-style-type: none;
}

h3 {
	font-size:30px;
}