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

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

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

602b96f6c4d4a267679558.png

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

602b96e78d962241067657.png
  • Вопрос задан
  • 206 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Python-разработчик
    10 месяцев
    Далее
  • Skillfactory
    DevOps-инженер
    6 месяцев
    Далее
  • Хекслет
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
Mecitan
@Mecitan
Уверенный пользователь клавиатуры
Для элементов задайте свойство: flex: 0 1 33.333%

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

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

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

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

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