将元素高度对齐到 100px 的倍数

Question

我设法将一个元素的 with 调整为 100 的倍数。

:root{--unit:100px;}
.grid{
    display:grid;
    gap:0;
    grid-template-columns: repeat( auto-fill, var(--unit) );
}
.grid-content { outline:4px solid #ccc; grid-column: 1 / -2; }

我怎样才能在垂直方向（元素高度）获得相同的效果。它不必是网格，它可以是任何东西，只要不是 JS 即可。这是笔： https: //codepen.io/szopos/pen/ZEXBWrg