Min-Max Block Grids

These grids combine a max number of columns with a minimum width to produce a layout that will respond automatically to different viewport sizes without media queries. This might not be the best option when you want strict control over the number of items in each row to avoid orphans.

Add the classes grid-block-grid min-max to the container. The default is a 4-column grid with a minimum column width of 200px. Changes to this will need to be done in the CSS.

Default

3-up Min Width 350px