@NikSIk31

Полноэкранная вёрстка с высотой секций 100%?

использую https://github.com/kevinoes/page-slider-js , (типа аналог fullpage.js). Суть в том, что в макете у меня фиксированная высота блока, и отступы от верха я делаю в px, но как показала практика у некоторых может быть чуть больше (меньше) высота экрана (точнее я смотрел в дев тулз). Из-за этого контент может вообще теряться (нижние его части), а если экран больше, то уже не по макету смотрится
как такое верстать? есть ли аналогичные сайты с нормальной вёрсткой? - чтобы я мог посмотреть (fullpage заходил, но там ведь чисто центрирование заголовка и всё...) - может видео есть или другие материалы?
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ответы на вопрос 1
mediol-name
@mediol-name
Developer
Если я правильно понял, вы имелли ввиду, как выровнять контент в каждой section по центру относительно высоты и ширины разных экранов.

В стилях для section пропишите:
section {
  height: 100vh;                     // устанавливаем высоту блока на весь экран
  display: flex;                        // флекс
  align-items: center;             // выравниваем по центру относительно высоты (вертикальное выравнивание)
  justify-content: center;        // выравниваем по центру по горизонтали
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы