How to split one column into two in 1C-Bitrix cms?

Question

1C-Bitrix

Suppose I have a product catalog column , it contains 8 items.
How to split one column into two so that one would have 4 entries and the other?

Answer 1

For the ul in which these items lie, give the following styles:
ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 87px; // adjust to desired height
}
JSFiddle