@unixon1995

Как сделать адаптивный блок с отступами по краям?

Доброго времени суток, возник такой вопрос.
Как сделать адаптивный блок с отступами по краям.
Отступы следующие.
margin: 124px 77px;
5ccf1c3e361e1656266172.jpeg
  • Вопрос задан
  • 363 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Brain_code
<div class="wrap">
    <div class="content">
         <h2>test</h2>
    </div>
</div>


.content {
     width: 100%;
     padding-left: 15px;
     padding-right: 15px;
}

// если экран меньше чем 797 px сделать отступить меньше (например по 5px)
@media screen and (max-width: 797px){
      .content {
         padding-left: 5px;
         padding-right: 5px;
     }
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы