When this is displayed on my mobile device in portrait (vertical) mode, 1 column is displayed per row.
When this is displayed on my mobile device in portrait (horizontal) mode, 3 columns are displayed per row.
When I view on my desktop (ionic serve), 1 column is displayed per row.
Here is the behaviour that I want:
When this is displayed on a desktop, I want 3 columns to be displayed per row, rather than the 1 column per row which the above code is currently doing.
size is not the number of columns. As far as i know, is 12 = 100% ( 1 Column). So if you want 3 Columns for desktop, you need to set size-xl=4 , but if 3 doesn’t work, 4 wont either. Can you create a small repository where i can reproduce this?