Задать вопрос
@ludovikxlv
На пути обучения

Как сделать чтобы flex-элементы сжимались даже со flwx-wrap: wrap?

Есть макет, на котором 6 flex-элементов в 2 строки по 3 элемента в каждой. Логично, что используется flex-wrap:wrap.

602b96f6c4d4a267679558.png

Но при адаптиве элементы должны сжиматься! а с flex-wrap:wrap они конечно будут переноситься на другую строку.

602b96e78d962241067657.png
  • Вопрос задан
  • 212 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    1C-программист: расширенный курс
    18 месяцев
    Далее
  • Академия Эдюсон
    Python-разработчик + ИИ
    9 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по информационной безопасности
    9 месяцев
    Далее
Решения вопроса 1
Mecitan
@Mecitan
Уверенный пользователь клавиатуры
Для элементов задайте свойство: flex: 0 1 33.333%

Пару полезных ссылок по Flex-box:
Что такое Flexbox? Описание всех css свойств, осно...

Хороший видеогайд по Flexbox

И уберите тег sass. Он тут лишний.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы