Flexbox for unordered list items

Hi, I’m trying to set up a two column unordered list. Is it possible to use flexbox for something like this and is there any documentation on how to achieve this with foundation?

I currently have it set up like so:
ul.twocol-list {
display: flex;
flex-wrap: wrap;
li {
width: calc(90% / 2);
text-align: left;

I’m struggling on getting it to style just right and sometimes half of a list item will hop over to the other column and so it looks off. Wondering if there is a better way?

If you’re trying to do it use:

columns: 2;

Column Count:


huge thanks, this really heped me a lot Robert!

This is great! I’ll give this a go. Really appreciate the help!