Asp.net Core 3.0剃须刀页面-从列表创建动态网格

Question

在我的剃须刀页面上，有一个由两列组成的网格，如下所示：

                    @foreach (var row in Model.MyList
                        .Select((item, index) => new {item, index})
                        .GroupBy(_ => _.index / 2, _ => _.item)
                        )
                    {
                        <div class="row">
                            @foreach (var item in row)
                            {

                                <div class="col">
                                //stuff
                                </div>
                            }
                         }

问题在于，这不是动态的，如果调整页面大小，则需要更改。

我无法考虑如何在js中执行此操作，特别是因为如果项目数量奇数，我不希望最后一个项目占用所有空间。