Блоки залазят на друг друга при уменьшении экрана?

Question

[vetaliy_net]

Доброго времени суток! Подскажите пожалуйста, что я не правильно сделал в данной ситуации
ВОТ ССЫЛКА НА CODEPEN

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

Comments

[Hyubert]

Используйте min-height="100vh", для мобильных убирайте в медиа запросе.

И да, используйте такое правило - там где можно обойтись без flexbox, не используйте его. А то у Вас тепер очень много лишнего.

Answer 1

[Максим Тимофеев]

100vh - это 100% высоты, Вы сделали блок в ширину размером в высоту? Может быть 100vw? Но в любом случае не понятно про какие Вы блоки говорите.

Answer 2

[monochromer]

.catalog-price {
  min-height: 100vh;
}