CSS grid布局 百分比 问题

Question

grid-template-columns: 25% auto 25%;
grid-template-rows: 1fr 1fr 1fr;

CSS配置如上，行高等比例，但是有些单元格的内容比较多，
最终撑大了高度，等高布局有点失调，怎么冻结高度，
类似于 flex布局里的 flex-shrink:0 效果

Answer 1

初步解决方案 grid-template-rows: repeat(3,calc((100% - 20px)/3));