Grid

A two-dimensional layout that arranges items into columns, sized by a fixed count, a count per screen size, or a minimum width.

Appearance

gap

flow

align

justify

Properties

Cols

How many columns, 1 to 12. A number stays fixed at every width, an object sets the count per screen size. Default 3

Min Col Width

Sets a minimum column width and fits as many equal columns as will fit, ignoring cols. Accepts any CSS length such as 14rem, the presets here are samples

Show GridItem (2x2)

Demo only. Makes the first cell two columns wide and two rows tall using GridItem span and rowSpan