Задать вопрос
@profcat

Как сделать wrap только после изменения размера блока?

Здравствуйте. Есть flex-контейнер размером 1140px. В нём два блока по 570px. Задача сделать перенос блока на следующую строку только когда он уменьшится до, допустим, половины своей длины.

Пока что воспользовался медиа-запросом, инфы не нашел по решению. Везде читаю, что при flex медиа не нужны. Как тогда быть?
  • Вопрос задан
  • 114 просмотров
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@WhiteBearDev
Бэтмэн
Вы можете указать ширину внутренних блоков в процентах, например, 50%. И минимальную ширину блока min-width. В Вашем случае, по половине своей длины 285px. Итого при уменьшении размеров блоков до величины меньшей или равной 285px, блок будет перемещен на вторую строку.

https://jsfiddle.net/b1jzof78/7/

И нет ничего зазорного в использовании media-запросов c flex, это нормально :-)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽