СА
Конечно можно гридами сделать. Но там код мудренный, если ты на гридах не разу не верстал, то не разберешься.
Size: a a a
2021 October 03
СА
Здесь можно просто тремя колонками сделать.
ВМ
типо прописать ареа для 9 айтемов
СА
Да, там каждому айтему нужно задать класс
PA
или через nth-child)
PA
но такое легко делается и на флексе
PA
но это не точно, по идее вроде можно - не было такое на практике
СА
Вот смотри как здесь секция "Дорожная карта": http://cryptor-guru.s-alsakhanov.ru/
ВМ
спс)
ВМ
офигеть конечно , не пидумать реверс для гридов , во дают
ВМ
а если бы их было не 9 а 81 ...
СА
Код довольно мудренный.
m
грид стоит того, чтобы потратить время на то, чтобы разобраться. на ютюбе полно наглядных видео. есть отличные наглядные инструменты, например
https://grid.layoutit.com/
https://grid.layoutit.com/
KM
подскажите, в customizer всё работает как нужно, включаю на сайте - ошибки
куда копать?
куда копать?
ВМ
та с айтемами я сделал , хотелось просто не лепить 9 чайлдов
СА
Свойство grid-template-areas предназначено для того, чтобы можно было на адаптиве поменять айтемы местами, не прибегая к js. Ты же не собираешься это делать, то этот вариант тебе в принципе не нужен.
m
да, nth-child-ы и все эти grid-areas выглядят жутковато. может несколькими флексами было бы проще
m
очень согласен. вообще подозрительно — похоже сгенерированный код, который потом подставляет значения в grid areas