How do you use html & css for conditional vertical wrap

I am new to html & css. I am wondering if it is possible to do this. I have not found a way so far. I want to arrange my elements in a column with wrapping like

flex-direction: column;  flex-wrap: wrap;  

However, I only want to wrap the elements if there is enough horizontal room to do so without a horizonal scrollbar. Otherwise, I want a vertical scroll bar and the items to be in a single column.

https://stackoverflow.com/questions/66056970/how-do-you-use-html-css-for-conditional-vertical-wrap February 05, 2021 at 11:00AM