Как отцентрировать контент страницы?

Question

[n1ksON]

Всем привет. Уверен, что ответ кроется на поверхности, но, что-то не понимаю как это сделать.
Я сверстал страницу, макет дан был для ширины 1440px. Как мне отцентрировать весь макет, таким образом, чтобы при увеличении ширины, допустим до 2000px, контент оставался в центре.
Сама страница - https://jsfiddle.net/niks_on/snhd0q3w/
Собственно, пример - это данный сайт хабра. Весь контент в центре.

Comments

[Михаил]

зачем у .card position: absolute; ?

Answer 1

[L1nks]

Если например тебе необходимо чтобы контент внутри main был в центре всегда, то можно задать ему стили

max-width: 1440px;
margin: 0 auto

Comments

[n1ksON]

Супер, спасибо. А как аналогично, но с шапкой сайта? Необходимо, чтобы шапка была шириной 100%, но текст внутри неё пропорционально сохранился контенту в main.

[L1nks]

n1ksON, внутри header можно сделать обертку типо header__wrapper (или как тебе больше нравится) и добавить такие же стили
https://jsfiddle.net/rt7vmnds/