With bootstrap you can set column width depending on sm, md and lg.
I want:
3 columns for desktop (col-lg-4)
2 columns for table (col-md-6)
1 column for mobile (col-sm-12)
The problem I have is with the tablet device as I can’t seem to change 3 columns to 2 columns
Desktop is good
Tablet is bad
1 Like
khairul
August 20, 2022, 3:54pm
2
If I were to do it I would set the blocks each manually to 33% for 3 columns, 50% for 2 columns and 100% for 1 column
khairul
August 20, 2022, 5:33pm
3
UPDATE: Sorry I totally forgot about the built in mosaic grid feature.
The mosaic grid feature allows you to customize and set the number of columns, you can customize and change it for every breakpoint. Here’s how to use it.
Use the column component
Set your display type to mosaic
Choose the presets to set your no. of columns, change it for every breakpoint you’d like
If you want to set to one column and the option don’t exist, go to settings tab, and set the unit to 1.
Hope that helps!
3 Likes
