@ludovikxlv
На пути обучения

Как лучше сверстать список на скриншоте?

Чтобы он был адаптивный, допусти при сжатии становилось 2 колонки, потом 1... не меня hml при адаптиве.
Пытался делать 1 списком и ставить column-count:3, но тогда колонки равной длины становятся.
Делал flex-direction-column, но тогда не получается отрегулировать расстояние у 2 и 3 колонки сверху и слева.

Подскажите пожалуйста

6026a0495bb30813960718.png
  • Вопрос задан
  • 109 просмотров
Решения вопроса 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
Продолжай использовать column-count и играйся со свойствами display для элементов, список жрет отступы и переносит их для инлайновых и около того элементов.

Если порядок не критичен, то flex-ы или grid-ы на repeat auto-fill\fit с minmax-ами, в последнем варианте и медиазапросы не потребуются.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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