Каким образом лучше сверстать?

Question

[Семен Борисов]

Блок занимает 100% ширины и высоты.
Как лучше сверстать страницу чтобы она на любом экране отображались ровно посередине.
1) Заморочившись высчитать все отступы в % относительно друг-друга.
2) Спозиционировать блок b-header-content относительно глобального блока.

<div class="b-header-content">
	<div class="b-header-content__logotype">Moderno</div>
	<div class="b-header-content__note">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br>
		Curabitur eu velit nulla.
	</div>
	<div class="b-header-content__btn">Get In Touch</div>
</div>

3) Свой вариант :)

Comments

[Владик Лимонадик]

А зачем бем для лендинга какого-то?

[Семен Борисов]

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

Answer 1

[Владик Лимонадик]

В общем короче я бы использовал вот что
Весь ваш контент запихнул бы див, поставил бы ему нужную ширину и margin: 0 auto;
Внутри всё маргинами подогнать, которые будут фиксированными;

А там уже либо абсолютно контент спозивионировал с top: 100/2 - content's width;

Comments

[Семен Борисов]

Спасибо, тоже не вижу другого, простого решения.

[Артур]

snice17: Это поможет! habrahabr.ru/post/189696