Возможно ли реализовать такое с помощью гридов?

Question

[Анатолий Саламатин]

Всем привет. Если среди нас есть гуру css grid скажите пожалуйста возможно ли с помощью грида реализовать такое ? https://i.imgur.com/W1U0HbC.png с неограниченным количеством элементов и чтобы у больших и маленьких блоков был 1 класс(например article) но у большого был модификатор. Я понял как это реализовать с помощью гридов, но только например если у каждого блока делать фикс класс дополнительный или указывать фикс количество рядов. Вопрос именно можно ли реализовать как то такое под мои условия, но чтобы все подстраивалось автоматически?

Answer 1

[Арсений Матыцин]

Присыпать немного JS и все бует окей. Может быть даже тебе поможет masonry. Хотя ему абсолютно насрать на то, какой у тебя метод позиционирования элементов, он сделает их абсолютным. Так что лучше свой алгоритм набросать.

В CSS помогут только селекторы. Но там ты сможешь реализовать только логику типа «каждый n элемент делать две строки». Ну и придется посидеть посчитать, под какие разрешения какие условия загонять. Что реально, но немного геморрно на самом деле.