Setting Range Min & Max

When creating the CSS, Gridset will build a media query with a min-width and max-width based on the Range Min & Max that you set for each grid. The Range sets at what viewport sizes grids are available in your layout, and when they show in the overlay.


If you are noticing grids appearing in the overlay when they are not supposed to, you need to make sure that the Range Min & Max are set properly. The Range Min will set the minimum viewport size at which the grid will be available, and Range Max will set the maximum viewport size. You can set both the value and the unit for each limit, using any valid CSS unit (em, px, vw, etc), or ‘none’ for no limit.

By default, grids will be created with ‘none’ set for both Range Min & Max, meaning the grid will be available at all viewport sizes.