Column break issue in a Collection List formatted into 2 columns

[rtloon (Peter Laundy)]

I have formatted my Resources Collection List into 2 columns using the column specifier under typography/more type options. It is working fine, except the column breaks in the middle of a Collection Item with the CSS tag of “rule 1px top” inside of which is another div named “pad neg 10 bot”. Is there a way to get the break to happen between Collection List Items? Here is an example.

Here is the file structure of the Collection List item.

---

Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)

[Stan (justAnotherDeveloper)]

Avoid items breaking in text columns

Is there a chance you could show a screenshot. I’m not finding what you describe. The only thing that may be wrong that I see is in the mobile portrait view text columns are very narrow. [Screen Shot 2022-01-04 at 12.15.30 PM]

[memetican (Michael Wells)]

Was just updating this to paste, Stan was quicker on the draw.
Stan’s solution is likely easier if it works for you, since inline-block can be selected within the designer.

If you have trouble with it, try using custom CSS with the column-break-inside: avoid rule.

Column Layouts | Webflow Layout Techniques | Sygnal-U

[rtloon (Peter Laundy)]

inline-block fixed the issue. Thank you Stan and memetican!