Как поменять последнюю линию css grid?

Question

[hades432]

Есть сетка 5х3 блоков, каждый из которых 1fr в ширину и высоту.
Хочу сделать сделать так, чтобы на последней строке размещалось только 2 элемента, в соотношении 1:1, на всю ширину родителя.
Пробовала сделать что-то подобное:

.grid {
  grid-template-areas:
  "a a a
   a a a
   a a a
   a a a 
   b b"
}

Но это не сработало нужным образом

Answer 1

[Сергей delphinpro]

a b b a
a b b a
a b b a
a b b a
c c d d

2fr 1fr 1fr 2fr

Comments

[hades432]

Даже не подумал о таком, спасибо!