Page 1 of 1

Breakpoints. How to set elements

Posted: Thu Mar 14, 2024 10:57 pm
by Kevin
Ok, this may be a silly question but i really don't find how to do it. I made a breakpoint for 768px (to exemplify) and later i want to add more. When this breakpoint triggers I want to change the format of some layout grids. For example:
Making a 3 column grid, indicating the width of each column
Default: 3 | 6 | 3
768px: 1 | 10 | 1

Also maybe if i want a smaller breakpoint I may want to make a new layout to appear only for that resolution.

Thanks

Re: Breakpoints. How to set elements

Posted: Fri Mar 15, 2024 3:29 am
by crispy68
The number of columns in a grid can be changed in breakpoints by adding or hiding columns. Make sure overflow is set to hidden. I recommend setting grid to use flexbox. By doing so you can also change the order of the columns as well in breakpoints.