Как сделать адаптивность галереи в css grid?

Question

[Виктор]

Добрый день, друзья. Может кто-то подскажет как без js сделать на grid что бы блоки при уменьшении экрана спрыгивали на новую строку. Суть в том что бы 2 верхних блока занимали полностью всю строку, ну и внизу 4 блока. При уменьшении экрана 2 блока вверху потихоньку сжимались, а нижние начинали перепрыгивать на новую строку при этом занимая всю строку и т.д. Ну и конечно что бы при малому экране верхние блоки тоже перешли на новые строки (один с них). Дело в том что, когда задаю grid-template-areas все норм в плане большого размера, но адаптивность ломается. Много раз крутил это дело с многими параметрами. Может где-то что-то не понимаю. Буду рад совета.