Как растянуть center на всю ширину CSS grid?

Question

[Вика Мармеладка]

как сделать что бы блок центр был на всю ширину?

display: grid;
margin: auto;
grid-template-rows: 480px 480px 480px;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
grid-template-areas:
"top top top"
"center"
"bottom bottom bottom";

Answer 1

[Vyach Gor]

Если непринципиально чтоб через grid-template-areas было то как то так -

Comments

[Вика Мармеладка]

То что надо, спасибо. А если не секрет, через grid-template-areas это возможно вообще реализовать?