I am dynamically generating columns using a flask database. And want only two columns side by side max on medium to larger dispalys and one on smaller ones. Currently I have the "per-rows" setting on the row set to 2. I thought this would restrict only two columns being side by side, but as I add columns to the row three are added side by side. I added some margins to the columns but I dont want to overdo the margins because on smaller screens the display looks to smushed.
I have all column widths set to 'auto' and the columns are set to 'grow'. so that the column fill the page if there is an odd number of columns and one is left at the bottom.
My goal: I only want two columns side by side max. on smaller displays I want only one column on down.
As these columns are dynamically generated by flask...is there a way to populate them on the page with only two side by side max?