I have a few collections of 12 items that are shown in 2 columns of 6 each. The flex box layout for these items is set to horizontal, so it’s logical that the order of display is in rows. But if I change the flex box setting to vertical, I get a single column of 12 items. If I adjust the width of the collection list item to 50%, it leaves the right half of the container blank, rather than flowing the items into the open space. I need the items to display in two columns, with the first column containing the first six items (with list ordered top to bottom), and the second containing the last six (top to bottom).
So the question is, how to I reorient the order so the list runs top to bottom in columns rather than left to right in rows?
The site page with the lists is here: http://kbc-website.webflow.io/media-documents