Как css grid сделать сетку с разным количеством колонок?

Question

[mixejuxix]

Привет, подскажите, пожалуйста, возможно ли создать подобную сетку?


Сейчас стили выглядят так:

grid-template-areas:
            "big-1 big-2 big-2"
            "small-1 small-2 small-3"
          ;

Но мне хочется сделать 2 верхние картинки одинакового размера. Как этого добиться? Ведь такой код не валиден из-за разного количества столбцов, а если между big-1 и big-2 добавить точку, то получается то-же ерунда

"big-1 big-2"
"small-1 small-2 small-3"

Вот такой результат нужен:

Answer 1

[Сергей delphinpro]

на гридах

Comments

[Рома Зварич]

Да, точно.
Что-то забыл про это вариант и на Flexbox показал пример