Html CSS网格问题。停止生长侧柱

我需要一些关于网格的帮助或解释。我有两个网格列。当我的一个网格列内容的文本增长时，另一列也会增长相同的内容。我不想给他们静态的高度，因为他们的内容总是会改变的。我怎样才能阻止这一切？这是现场版的代码笔-

.container{
边距：0自动0自动；
显示：网格；
网格模板列：重复（12，1fr）；
网格间距：0雷姆2.4雷姆；
}
梅因先生{
网格柱：1/9；
背景：红色；
}
.这边{
网格柱：9/13；
背景：红色；
}

我的同僚们都是精英。这是一项最基本的原则，也是一项最基本的原则，它是一项最重要的原则。小白肠梗阻，小白肠梗阻。智慧的力量！事实上，这是一种罪过，是一种暂时的驱避，是一种共同的行为。
这是一个非常重要的问题。小白肠梗阻，小白肠梗阻。智慧的力量！事实上，这是一种罪过，是一种暂时的驱避，是一种共同的行为。
我的同僚们都是精英。奎姆，伊普苏姆。

设置

高度：适合内容即可在.side列上
设置
高度：适合内容即可在.side列上
简单回答：你不能！网格就像一张桌子。a如果一行的网格高度设置为“自动”，则它将调整同一行中最大的元素


.container{
边距：0自动0自动；
显示：网格；
网格模板列：重复（12，1fr）；
网格间距：0雷姆2.4雷姆；
}
梅因先生{
网格柱：1/9；
背景：红色；
}
.这边{
网格柱：9/13；
}
sideSub先生{
背景色：红色；
}

我的同僚们都是精英。这是一项最基本的原则，也是一项最基本的原则，它是一项最重要的原则。小白肠梗阻，小白肠梗阻。智慧的力量！事实上，这是一种罪过，是一种暂时的驱避，是一种共同的行为。
这是一个非常重要的问题。小白肠梗阻，小白肠梗阻。智慧的力量！事实上，这是一种罪过，是一种暂时的驱避，是一种共同的行为。
我的同僚们都是精英。奎姆，伊普苏姆。
简单的安瑟：你不能！网格就像一张桌子。a如果一行的网格高度设置为“自动”，则它将调整同一行中最大的元素


.container{
边距：0自动0自动；
显示：网格；
网格模板列：重复（12，1fr）；
网格间距：0雷姆2.4雷姆；
}
梅因先生{
网格柱：1/9；
背景：红色；
}
.这边{
网格柱：9/13；
}
sideSub先生{
背景色：红色；
}

我的同僚们都是精英。这是一项最基本的原则，也是一项最基本的原则，它是一项最重要的原则。小白肠梗阻，小白肠梗阻。智慧的力量！事实上，这是一种罪过，是一种暂时的驱避，是一种共同的行为。
这是一个非常重要的问题。小白肠梗阻，小白肠梗阻。智慧的力量！事实上，这是一种罪过，是一种暂时的驱避，是一种共同的行为。
我的同僚们都是精英。奎姆，伊普苏姆。
使用高度：在侧栏上放置内容您需要：对齐项目：灵活开始；在网格容器上使用高度：在侧栏上放置内容您需要：对齐项目：flex start；在网格容器上感谢您的时间@Tacosh。我认为最好的解决办法是身高：适合内容；谢谢您抽出时间@tacoshy。我认为最好的解决办法是身高：适合内容；