<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
This Pen doesn't use any external JavaScript resources.