I have about 50 buttons(brands) sorted alphabetically and distributed/showing horizontally like so:
a a a b b b c c c

And of course if the screen is smaller it goes nicely like:
a a a b
b b b c
c c c

What I would like to do is have those buttons sorted alphabetically vertically however distributed horizontally like so:
a b c
a b c
a b c

And of course it the screen is bigger like so:
a a b c c
a b b c c
a b b c

I have played around with display:flex and flex-flow: column and giving the flex container a height and this would be exactly how I need it however the “giving the container a height” doesn’t work as of course on smaller/phone screens it doesn’t change the height of the column.

Any help is very appreciated, thanks.

Tried display:flex and flex-flow column