包装元素把手

Question

我从数据库生成对象。 一切正常。但是，我需要将对象包装在单独的div中。取决于breccpoint。 例如，如果屏幕宽度大于1600px，则每六个对象将包装在一个单独的div中，如果小于1600px，则将三个 等等 如何正确实施？

<div class="main__product js-horizontal js-AdminTabs js-AdminTabs_product active">
    {{#each objects}}
        <div class="main__product-item">
        <figure class="main__product-item--img"></figure>
        <div class="main__product-item--content">
            <h3 class="main__product-item-title js-prodName">заголовок (улицы): <span>{{name}}</span></h3>
            <p class="main__product-item-info js-prodRoom">Количество комнат: <span>{{rooms}}</span></p>
            <p class="main__product-item-info js-prodFloor">Этаж: <span>{{floor}}</span></p>
            <p class="main__product-item-info js-prodPrice">Цена: <span>{{price}}</span></p>
            <p class="main__product-item-info js-prodArea">Площадь: <span>{{area}}</span></p>
            <p class="main__product-item-info js-prodDescription">Описание: <span>{{description}}</span></p>
            <div class="main__product-item-admBtns">
                <a class="js-editBtn" href="#" data-edit="_product">Редактировать</a>
                <a href="#">Удалить</a>
            </div>
        </div>
    </div>
    {{/each}}
</div>