Html 为什么CSS网格不'；即使我的类标签是正确的，我也不能工作？

我希望我的h2显示在图像的右侧，但当我使用网格时它不起作用。如果你发现我的代码有问题，请告诉我。谢谢大家!

正文{
显示：网格；
网格模板区域：“页眉导航”“贝里菜单”“页脚页脚”；
网格模板柱：30%70%；
网格模板行：200px 600px 100px；
}
贝瑞先生{
网格面积：浆果；
}
.菜单{
网格区域：菜单；
}

购物筐
莎莉奶酪蛋糕
由新鲜蓝莓和新西兰农场奶酪制成。没有添加糖的蛋糕适合任何人

在CSS中，您正在设置

主体

元素的样式，而不是

。最容易犯的错误有时可能最难发现：）

改变

正文{
...
}

到

main{
...
}

您需要以与我的示例相同的方式重做html结构。

grid

规则将分配给

main

标记

main{
显示：网格；
网格模板区域：“页眉导航”“贝里菜单”“页脚页脚”；
网格模板柱：30%70%；
网格模板行：200px 600px 100px；
}
标题{
网格区域：标题；
}
导航{
网格区域：导航；
}
贝瑞先生{
网格面积：浆果；
}
.菜单{
网格区域：菜单；
}
页脚{
网格区域：页脚；
}

莎莉奶酪蛋糕
购物筐
由新鲜蓝莓和新西兰农场奶酪制成。没有添加糖的蛋糕适合任何人
页脚

您需要调整布局