https://doka.guide/css/grid-template-areas/?ysclid...
Можно построить свою сетку и по этой сетке разложить блоки, и при адаптиве менять раскладку блоков если нужно
grid-template-areas - строим сетку
grid-template-columns - определяем ширину колонок
grid-template-rows - высоту блоков
gap - отступы
А так вообще макет сделан корректно тут сетка из 8 колонок
2 блока имеют 3 колонки в ширину и 1 блок 2 колонки в ширину
можно сделать 2 класса W-3 и W-2 им прописать ширину и просто добавлять нужный класс к нужному блоку
ширина 1 колонки в процентах 12,5%
