JSFiddle - React, Tailwind, and code Playground

HTML

<div class="offers clearfix">
			<section class="content-column">
				<img src="img/web-logo.png" alt="Веб-сайты">
				<h2 class="content-column-title">Веб-сайты</h2>
				<p class="content-descriprion">Мир никогда не будет прежним после того как увидит ваш сайт!</p>
				<a href="#" class="btn">Заказать</a>
      </section>
			<section class="content-column">
				<img src="img/app-logo.png" alt="Приложения">
				<h2 class="content-column-title">Приложения</h2>
				<p class="content-discription">Покорите топ-10 приложений в AppStore и Google Play</p>
				<a href="#" class="btn">Заказать</a>
      </section>
			<section class="content-column">
				<img src="img/presentation-logo.png" alt="Презентации">
				<h2 class="content-column-title">Презентации</h2>
				<p class="content-sicription">Вы даже не представляете на сколько вы изумительны!</p>
				<a href="#" class="btn">Заказать</a>
      </section>
   </div>
   <div class="about-company clearfix">
		 <section class="company-description-left">
			 <h1 class="company-description-title">Мы 	– маленькая, но гордая дизайн-студия из Краснодара.</h1>
			 <p class="company-moto">Исповедуем принципы минимализма и чистоты. Ставим математический
        расчет выше креатива. Работаем не покладая рук, как роботы.</p>
     				<h2 class="work-description-title">Выполняем заказы на разработку:</h2>
     				<ul class="work-description-list">
     					<li>Веб-сайтов любой сложности</li>
     					<li>Мобильных приложений для iOS и Android</li>
     					<li>Слайдшоу и видео для корпоративных презентаций</li>
     				</ul>
     </section>
     <section class="company-description-right">
		   <div class="logo2">
			<img src="img/logo2.png" alt="Nerd's since 2004">
       </div>
   			<h2 class="work-description-title">Как мы работаем:</h2>
   			<ul class="work-description-list">
   				  <li>С самоотдачей 146%</li>
   					<li>Соблюдая сроки на 100%</li>
   					<li>По предоплате 50%</li>
   				</ul>
    </section>
  </div>

CSS

.clearfix: :after {
  content: "";

  display: table;
  clear: both;
}

.offers {
   margin-bottom: 80px;
}

.content-column {
  float: left;
  width: 240px;
  margin-right: 80px;
}

.content-column:last-child {
  margin-right: 0;
}

.about-company {
  margin-bottom: 119px;
}

.company-description-left {
  float: left;
  width: 580px;

}

.company-description-right {
  float: right;
  width: 230px;
}