通过在右侧添加div来使用CSS网格对div进行排序

Question

我有以下设计，但是我想在CSS网格中进行设计，但是会根据变量内容在右侧添加div，仅将左侧和页脚固定不变

<div class="content">
    <div class="item"></div>
    <div class="item"></div> /* Start of variable divs */
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div> /* End of variable divs */
    <div class="item"></div>
</div>