Почему 100vh ломает мобильную вёрстку

height: 100vh ≠ высота экрана на мобильных.

Проблема:
• мобильный браузер скрывает и показывает адресную строку
• 100vh считается от полной высоты, включая UI браузера
• в итоге контент либо обрезается, либо появляется лишний скролл

Правильное решение в 2026:
.main {
min-height: 100dvh;
}

Единицы:
• vh — старая логика
• svh — малая высота
• lvh — большая высота
• dvh — динамическая, то что нужно почти всегда