Мы обеспечили минимальную ширину страницы 1040px. Теперь на большом разрешении контент страницы будет прижиматься влево, а по макету должен располагаться по центру. Это хорошо видно на масштабе 50%.

Чтобы расположить содержание по центру, нам понадобится дополнительный контейнер-центровщик. Лучше всего для этого подойдёт тег div, ведь этот элемент нужен только для оформления страницы и никакого смысла не несёт.

Для центровщика будем использовать одно из типовых имён классов — container (другое типовое имя — wrapper). Центровщику зададим ширину 1020px (такую же, как ширина содержания) и автоматические маргины слева и справа.

Такой контейнер-центровщик мы будем использовать во всех блоках на странице, а начнём с шапки.

После добавления центровщика зададим отступы и минимальную высоту для шапки, а также уберём временные внутренние отступы в шапке и подвале.

Чтобы вам было проще видеть сетку страницы, мы подключили стилевой файл outlines.css. Этот файл выделяет интересующие нас сеточные блоки.