Как изменить высоту секции?

Question

[Arhangel_one]

Есть секция высотой 100vh и min-height: 900px. Если смотреть с мобильного высота которого меньше 900px то секция получается больше высоты экрана. Как сделать чтобы при высоте меньше 900px секция была 100vh, но при горизонтальной ориентации был min-height.

https://anton-one.github.io/vh2/

Comments

[Arhangel_one]

VicTHOR, Как ?

[Robert-critical-thoughts]

Arhangel_one, flex-direction: column, flex-grow: 1 - можно попробовать так.

[Виталий Першин]

Про медиа-запросы слышали?

[Arhangel_one]

Виталий, Слышал, как это сделать с помощью медиа ?

[Виталий Першин]

Arhangel_one, Ответил

Answer 1

[xonar]

Arhangel_one,

@media(max-width: 900px){
.welcome{
height: 100vh;
}
}

А для решения задачи с ориентацией, советую прочитать хотя бы тут https://basicweb.ru/css/css_pr_media.php

@media all and (orientation:landscape) {
.welcome{
height: 900px;
}
}