Как правильно верстать Landing Page?

Question

[Eugene Chefranov]

У меня есть несколько вопросов от новичка по верстке лендингов:

1. Как Вы верстаете первый блок лендинга? Он должен быть по высоте экрана (100vh) или это не обязательно?

2. Какую ширину контейнера Вы выбираете для удержания всего контента посередине если макет прислан допустим шириной в 1920px. И вообще как правильно верстать макеты с большой шириной? Уменьшать сам макет до меньшего размера? У самого разрешение экрана 1366x768.

3. Необходимо ли контент каждого блока "четко" выравнивать по вертикали и горизонтали?

Answer 1

[Сергей ZSA]

1. Как в дизайне. Если заказчик/дизайнер сказал делать так - значит так. Если нет - значит нет.
2. Как в дизайне (1920 не видел ширины центровщика ни разу, смотри вспомогательные линии голубого цвета в документе от края контента до края контента)
3. Опять же - в дизайне как сделано? Делайте так, как сделал дизайнер.

Comments

[Eugene Chefranov]

Сам макет шириной 1920px, а линии ~1560px

[Сергей ZSA]

Евгений Чефранов, судя по дизайну у вас там bootstrap. Значит скорей всего это все должно быть адаптивно. Ширина центровщика в вашем случае 1567px - расстояние слева и справа до второй линии (это отступы чтоб не прилипало к краям на экранах с подобным разрешением).

Answer 2

[Alexandr Alexandrov]

Означает, что фон шапки будет растягиваться на 100% (background-size: cover), а область контента (контейнера) обозначить через max-widh: 1567px; а в дальнейшем тестировать разные разрешения на quirktools.com/screenfly