Кексби. Сетки

Курсы Эпичный курс «Кексби»
1

В этом курсе в каждом уроке нужно было все блоки внутри родительских блоков (header, popular-and-price, feedback и т.д.) оборачивать в центрирующий блок container с width: 1020px и margin: 0 auto.
Такой вот вопрос. Почему нельзя было один раз обернуть все родительские блоки в блок container и больше не заморачиваться? Разве так не проще?

пример:

<div class="page-header">
  <div class="container">
    <div class="header-top clearfix">
      <div class="header-logo">
        <img src="img/logo.png" alt="The Great Keksby" width="205" height="55">
      </div>
      <ul class="main-nav">
        <li><a href="#">Магазин</a></li>
        <li><a href="#">Каталог</a></li>
        <li><a href="#">Отзывы</a></li>
      </ul>
      <a class="btn btn-quick-order" href="#">Заказать</a>
    </div>
    <div class="promo">
      <a href="#">Аксессуары для котов<br> Коллекция FW15</a>
    </div>
  </div>
</div>
2

Я вас поняла. Такой вариант возможен только если вы уверены, что у вас не будет ни одного блока, в котором фон тянется на всю ширину экрана.

1 лайк