Всем привет, я делаю сайт лендинг, в нем все разделено по блокам, то есть сначала про нас, скрол вниз контакты, каждый блок высотой 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;
}
У меня проблема в том, что когда я уменьшаю высоту окна, контент блоков заходит друг на друга, то есть за пределы
Простой
