По идее да, должно быть похоже на то что я на скрине скинул
Попробуй так grid-template-columns: repeat(3, max-content) (это для списка) grid-column: x / -1 (это нужному элементу) x — это начальная колонка
Поправил grid-column
(( ширина колонки в первому рядке, зависит от ширини колонки во втором рядке(
Похоже, что красиво сделать не получится. Но можно с помощью такого хака: 1) сделать display: flex; flex-wrap: wrap для списка 2) добавить пустой элемент, после которого будет прерываться ряд и задать ему такой стиль: width: 100% https://stackoverflow.com/questions/45086899/flexbox-item-wrap-to-a-new-line
думал ещё так же только вместо пустого, через афтер, но не вышло) Ну тут два варианта тогда остаеться, или так как ты сказал, или два <ul> городить) оба костыля)
Ещё один костыль — разбить вручную на ряды дивами .first-row, .second-row … и дать им display: flex. Я бы, наверно, этот вариант выбрал, чтобы в вёрстке не было лишней семантики
посмотрел по архитектуре проекта, наверное этот наиболее подходящий будет) Спасибо за помощь!)
VACincoming (0) увеличил репутацию Islambeg (1)
Обсуждают сегодня