Html 我的CSS网格元素赢了'；不能跨越多个列

我无法让我的div元素在CSS网格中跨越多个列。我做错了什么

.main{
显示：网格；
网格模板区域：“a b”
“c c”；
网格模板行：100px 100px；
网格模板列：200px 150px；
}

这是方框A的内容。


这是方框B的内容。


这是方框C的内容。

您需要明确指定元素所属的网格区域

#a { grid-area: a; }
#b { grid-area: b; }
#c { grid-area: c; }