php666
@php666
PHP-макака

Можно ли сделать flex-элементы «столбцами», но без указания ширины?

Есть два представления, в котором flex-элементы должны занимать 33%, т.е. делиться по 3 элемента в ряд, в другом представлении - по два элемента в ряд, по 50%. Ну типа товары в ИМ.

Вот болванка - https://jsfiddle.net/w8kzdn6m/

Можно ли как-то сделать универсальный css, что бы избежать двух классов с указанием ширины элементов?
  • Вопрос задан
  • 91 просмотр
Решения вопроса 1
Brad9aga
@Brad9aga
на чистом флекс нет, для этого придуманы сетки, или ручные медиазапросы
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@kudis
Bitrix developer
Вот вариант без класса, но с media-выражением
https://jsfiddle.net/gcr4j3o8/
просто изменяйте ширину контейнера с результатом и увидите, как после 900px всё выстаривается 3 в ряд, а до 2 в ряд.
Ответ написан
Ваш ответ на вопрос

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

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