Как наверстать такую сетку?
Если количество дочерних элементов сетки всегда известно, то можно построить такую ломаную сетку на гридах, добавив в неё вспомогательные колонки/строки и прописав каждому элементу его расположение в сетке.
snippet
Первое что в голову идет это grid-template-areas, просто как можно больше столбцов и строк сделать;
https://developer.mozilla.org/ru/docs/Web/CSS/grid...