@minaev007

Как выровнять элементы flex контейнера по высоте?

Тут все хорошо - https://jsfiddle.net/yw1xazs0/1/
Но как только в один из блоков inner добавляется контент, высота элементов становится разной - https://jsfiddle.net/xdnd9d4c/
Как сделать так, чтоб они не менялись до тех пор, пока высота контента в одном из блоков не превысит допустимую?
Условие: нельзя менять min-height на height в контейнере, потому что на большинстве смартфонов в ландшафтном режиме не хватает высоты для размещения всего контента в блоках. Поэтому height: 150vh приведет к тому, что каждый элемент контейнера будет слишком маленькой высоты
  • Вопрос задан
  • 1813 просмотров
Пригласить эксперта
Ответы на вопрос 2
hunter2014
@hunter2014
Junior Front-End developer
нельзя менять min-height на height в контейнере, потому что на большинстве смартфонов в ландшафтном режиме не хватает высоты для размещения всего контента в блоках

Если у тебя есть решение, то сделай его, просто потом для мобилки сделай другие условия (@media), я не конкретно про этот случай, а в общем.
Ответ написан
@TAPAKAHATOP
Чпициалист с широким профилем.
.cont {
height:1px; //<---
min-height: 150vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
Нужно добавить высоту
Ответ написан
Ваш ответ на вопрос

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

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