JSFiddle - React, Tailwind, and code Playground

HTML

<div class="features container">
    <section class="left">
      <img src="../img/sites.png" alt="Notebook picture" />
      <h1>веб-сайты</h1>
      <p>
        Мир никогда не будет прежним после того как увидит наш сайт!
      </p>
      <a href="#" class="btn btn-red">заказать</a>
    </section>
    <section class="middle">
      <img src="../img/apps.png" alt="Mobile devices picture" />
      <h1>приложения</h1>
      <p>
        Покорите топ-10 приложений в AppStore и Google Play
      </p>
      <a href="#" class="btn btn-green">заказать</a>
    </section>
    <section class="right">
      <img src="../img/presentations.png" alt="Presentations desk picture" />
      <h1>презентации</h1>
      <p>
        Вы даже не подозреваете, насколько вы изумительны!
      </p>
      <a href="#" class="btn btn-yellow">заказать</a>
    </section>
  </div>

CSS

body {
  min-width: 900px;
  font-family: 'Roboto', sans-serif;
}
header {
  background: #eee;
  padding-bottom: 70px;
}
.container {
  width: 900px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px dashed green;
}
.container > * {
  border: 1px dashed orange;
}
.features {
  display: flex;
  margin-top: 80px;
}
.features > section {
  width: 300px;
}
.features h1 {
  margin-top: 20px;
  font-size: 18px;
  text-transform: uppercase;
}
.features .middle > *{
  margin-left: 20px;
}
.features .right > * {
  margin-left: 40px;
}
.features p {
  padding: 5px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 17px;
}
.btn {
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px;
  color: white;
  font-size: 12px;
  border-radius: 3px;
  padding-left: 40px;
  padding-right: 40px;
}
.btn-more {
  background-color: #fb565a;
  padding-left: 72px;
  padding-right: 72px;
}
.btn-red {
  background-color: #fb565a;
}
.btn-green {
  background-color: #00ca74;
}
.btn-yellow {
  background-color: #efc84a;
}