Как сверстать сетку с «выпавшими», пустыми элементами?

Question

[Полина Емельянова]

Вот макет секции.
Квадраты с крестами - пустые.


Я понимаю, что это будет grid.
Я понимаю, что с помощью grid-area.

ПРОБЛЕМА
У меня вопрос об автоматическом размещении ячеек, чтобы не прописывать КАЖДОЙ ее координаты в сетке.
Также хотелось бы иметь адаптер.
На мобе все ячейки встанут друг под друга.

Comments

[Сергей delphinpro]

не надо grid-area
надо grid-column-start/grid-column-end + nth-child

[Полина Емельянова]

Сергей delphinpro, Благодарю, но я написала про втоматическое размещение.(((

[Сергей delphinpro]

Полина Емельянова, так и я вам о том же. У вас четко прослеживается закономерность - каждая шестая ячейка пустая.

[Полина Емельянова]

Сергей delphinpro, попробую... Отпишу. ^_^

[Сергей delphinpro]

Полина Емельянова, поторопился. Там период из 10 ячеек.

Answer 1

[Сергей delphinpro]

Comments

[Полина Емельянова]

Буду опираться на ваш вариант. Если вдруг что пойдет не так - открою другой тикет. НО надеюсь, что на данном фантазия дизигнера кончиться.))))