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

Всем привет, я делаю сайт лендинг, в нем все разделено по блокам, то есть сначала про нас, скрол вниз контакты, каждый блок высотой 100vh, как лучше реализовать такю штуку, у меня пока так:
код
/* <html></html> tag */
.page {
    height: 100%;
    background-color: var(--color-back-primary);
    color: var(--color-text-primary);
    font-size: 16px;
    scroll-snap-type: y mandatory;
}

/* <body></body> tag */
.page__body {
    height: 100vh;
}

/* site blocks */
.page__block {
    height: 100%;
    padding: 50px;
    scroll-snap-align: start;
    scroll-margin-block-start: 0;
}

У меня проблема в том, что когда я уменьшаю высоту окна, контент блоков заходит друг на друга, то есть за пределы
  • Вопрос задан
  • 65 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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