Как вставить пустую строку в сетку CSS динамического столбца? ⇐ CSS

[Anonymous]

Я использую сетку CSS, которая динамически охватывает ячейки по всей длине и переходит на новую строку, если не остается места. Пока все хорошо (см. ниже):

Код: Выделить всё

.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
}

Но теперь я хотел бы вставить пустую строку, охватывающую всю, начиная с самого начала. Вот так:

Код: Выделить всё

a   a   a   a
a   a   a
X   X   X   X
a   a   a   a
a   a

Возможно ли это с помощью сетки CSS и как?


Подробнее здесь: https://stackoverflow.com/questions/779 ... n-css-grid