<section class="head">
  <div class="container">
    <div class="head__inner">
      <div class="head__title">Заголовок</div>
      <div class="head__subtitle">Описание</div>
      <div class="head__buttons">
        <div class="head__btn-phone">Позвонить</div>
        <div class="head__btn-buy">Купить</div>
      </div>
    </div>
  </div>
</section>
.container {
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
}

.head {
  height: 100vh;
  display: flex;
  align-items:center;
  .head__inner {
text-align: center;
  
    .head__title,
    .head__subtitle {
      font-size: 26px;
      line-height: 1;
      margin-bottom: 15px;
    }
    
    .head__buttons {
      display: flex;
      justify-content: center;
        .head__btn-phone,
        .head__btn-buy {
          font-size: 16px;
          line-height: 1;
          border: 1px solid red;
          margin: 0 15px;
          padding: 12px 20px;
          }
    }
  }
}
View Compiled

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.