Как правильно делать контентную часть сайта?

Question

[Ivanushka255]

У меня такой вопрос. У меня есть макет. Ширина всего сайта – 1800рх, а ширина контентной части – 1600рх. По макету по бокам получаются отступы – 100рх с каждой стороны (слева и справа).
Какой более правильный способ будет реализации этого макета?

1. Первый вариант:

<div class="content_block">
	</div>

.content_block {
	width: 1600px;
	padding-left: 100px;
	padding-right: 100px;
}

2. Второй вариант:

<div class="content_block">
	</div>

.content_block {
	width: 1600px;
	margin: 0 auto;
}

Заранее спасибо за ответ, потому что никак не могу обобщить процесс верстки: что за чем идет и как лучше это все реализовывать

Answer 1

[Ankhena]

Второй, конечно.
Вы ведь не хотите чтобы сайт прибился к левой стороне при ширине окна больше 1800

Comments

[Ivanushka255]

Спасибо

[Ankhena]

Но про паддинги тоже не забудьте, чтобы не прилипло к краям экрана.
Только не 100, а точек 20 (можно задать в rem, чтобы зависело от размера шрифта)

Answer 2

[Steppp]

.content_block {
  max-width: 1600px; - для адаптива! Чтоб скрола не было при меньшем размере браузера
  width: 100%;
  margin: 0 auto;
}

Comments

[Ivanushka255]

Тогда контентная часть будет "прилипать" (если не задавать отступы), а если отступы задать, то скролл по-любому будет. Можно конечно еще прописать border-box, но в таком случае контентная часть уже не будет ровно 1600, что уже само по себе не правильно