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

Question

[unixon1995]

Доброго времени суток, возник такой вопрос.
Как сделать адаптивный блок с отступами по краям.
Отступы следующие.
margin: 124px 77px;

Comments

[Rustam Bainazarov]

А где и что тут должно быть адаптивно?

[Rustam Bainazarov]

Но зачем?.. Где информация по габаритам? Где информация, как и куда должно что там должно тянуться и быть адаптивным?

[romanown]

если жестко задан размер, то какая тут адаптивность? и в чем Вы ее тут видите? непонятна суть вопроса. если нужен одинаковый размер отступов, то margin: auto auto; если конкретный с какой-то из сторон, то его и задайте в нужном направлении вместо auto.

Answer 1

[Alex Kizyma]

<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;
     }
}