Собирай макет, меняя свойства CSS Grid. Предпросмотр обновляется сразу.
Краткая шпаргалка по CSS Grid
display: grid включает сетку. grid-template-columns задаёт колонки, grid-template-rows — строки, gap — промежутки. Единица fr делит свободное место пропорционально.
grid-column: 1 / 3 растягивает элемент от первой до третьей линии сетки. grid-row работает аналогично по вертикали.