← Back to documentation
Grid
A grid-based container that is useful for creating some layouts.
Information
Plan: Personal
Properties
| Property | Type | Default |
|---|---|---|
| Grid template columns | string | "1fr" |
| Gap | string | "1rem" |
| Padding | string | "1rem" |
| Margin | string | "0px" |
| Justify items | enum<string> | "legacy" |
| Align items | enum<string> | "normal" |
| Justify content | enum<string> | "flex-start" |
| Align content | enum<string> | "stretch" |
| Width | string | "100%" |
| Maximum width | string | "none" |
| Height | string | "auto" |
| Maximum height | string | "none" |
| Overflow | enum<string> | "visible" |
| Background color | string | "transparent" |
| Border width | string | "0px" |
| Border color | string | "transparent" |
| Border radius | string | "0px" |
| Is visible | boolean | true |
| Selectors | array | [] |