Html 我不知道'；我不知道如何在某个断点后禁用声明

在主类中有

网格模板行：1fr 1fr

，它将整个部分一分为二（

侧栏和
内容
类嵌套在
主
类元素中）。但是，达到900px后，它会留下一个空白，并停留在部分的顶部，留下另一半空白

我希望主部分在到达某个断点后填充剩余的空间，我被卡住了

这是一个大的项目，这可能会让我有史以来第一次实习，所以如果有人帮我找到解决方案，我将非常感激


正文{
保证金：0；
填充：0；
最小高度：100vh；
框大小：边框框；
}
.标题，
.页脚{
高度：100px；
背景色：#1A1C22；
}
.侧边栏{
背景色：#6C757D；
}
.内容盒{
背景色：#343A40；
}
.内容{
显示：网格；
栅极间隙：15px；
}
梅因先生{
最小高度：400px；
高度：计算（100vh-200px）；
显示：网格；
网格模板行：1fr 1fr；
栅极间隙：15px；
填充：15px0；
}
@介质（最小宽度：600px）{
.内容{
网格模板柱：1fr 1fr；
}
}
@介质（最小宽度：900px）{
主要{
网格模板列：400px 1fr；
}
}
@介质（最小宽度：1200px）{
.内容{
网格模板柱：1fr 1fr 1fr；
}
}

布局和RWD
由于
网格模板行：1fr 1fr
的缘故，在900px以上的两行之外，还有两列。您可以通过添加
网格模板行：auto
以900px以上为目标，将其重置为一列-请参见下面的演示：


正文{
保证金：0；
填充：0；
最小高度：100vh；
框大小：边框框；
}
.标题，
.页脚{
高度：100px；
背景色：#1A1C22；
}
.侧边栏{
背景色：#6C757D；
}
.内容盒{
背景色：#343A40；
}
.内容{
显示：网格；
栅极间隙：15px；
}
梅因先生{
最小高度：400px；
高度：计算（100vh-200px）；
显示：网格；
网格模板行：1fr 1fr；
栅极间隙：15px；
填充：15px0；
}
@介质（最小宽度：600px）{
.内容{
网格模板柱：1fr 1fr；
}
}
@介质（最小宽度：900px）{
.main{/*因特殊原因从“main”更改为“.main”*/
网格模板行：自动；/*已添加*/
网格模板列：400px 1fr；
}
}
@介质（最小宽度：1200px）{
.内容{
网格模板柱：1fr 1fr 1fr；
}
}

请也添加您的html。。。900px之后，您将更改
网格模板列
，并再次在1200px处进行编辑。很抱歉。我之前使用了
网格模板行：auto
。我原以为它解决不了这个问题，但事实证明我的目标是元素本身，而不是类。谢谢