CSS for variable length list to create new columns at a max count
I have a site that is fetching a list of items. That list can be 0, or up to 20 items, rarely more, the most I've seen is 42. I'm trying to organize them into a div such that if there are more than 10 items in the column, it starts a second column. At 20 items, it would start a third column.
To further complicate things, each item consists of 3 "pieces" (ID, Description, Flag) that I'd like to align with the others in that column.
I just saw Kevin's video on Flex versus Grid and thought I had an idea, but using
Thanks in advance!
To further complicate things, each item consists of 3 "pieces" (ID, Description, Flag) that I'd like to align with the others in that column.
I just saw Kevin's video on Flex versus Grid and thought I had an idea, but using
<div style="display: flex; flex-direction: column; max-height: 100px;">flex-direction:columnThanks in advance!
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
