columns | number or object | (optional) Define how many columns your layout should be divided in. Can be just a number columns={12} or an object with media query sizes like columns={{ small: 4, medium: 6, large: 12 }} (default values). You can also disabled CSS Grid by providing false for one size, like so columns={{ small: 4, medium: false, large: 12 }}. |
rowGap | string or false | (optional) Defines how much the gap between rows should be. Can be large, medium, small or false for no gap. Defaults to false. |
columnsGap | string or false | (optional) Defines how much the gap between columns should be. Can be large, medium, small or false for no gap. Defaults to false. |
element | string or React.Element | (optional) Define the type of element. Defaults to div. |