Skip to content

Commit

Permalink
docs: update flex and grid docs
Browse files Browse the repository at this point in the history
  • Loading branch information
segunadebayo committed Nov 21, 2024
1 parent cfff842 commit 9f8d872
Showing 1 changed file with 2 additions and 4 deletions.
6 changes: 2 additions & 4 deletions website/pages/docs/utilities/flex-and-grid.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,17 +46,15 @@ Grid utilities offer control over various grid layout properties, providing a po
### Grid Template Columns

The `gridTemplateColumns` utility defines the columns of a grid container.
It accepts numerical values from `1` to `12` where each value maps to `repeat(<value>, minmax(0, 1fr))`

```jsx
<div className={css({ gridTemplateColumns: '3' })} />
<div className={css({ gridTemplateColumns: 'repeat(3, minmax(0, 1fr))' })} />
```

### Grid Template Rows

The `gridTemplateRows` utility defines the rows of a grid container.
It accepts numerical values from `1` to `12` where each value maps to `repeat(<value>, minmax(0, 1fr))`

```jsx
<div className={css({ gridTemplateRows: '3' })} />
<div className={css({ gridTemplateRows: 'repeat(3, minmax(0, 1fr))' })} />
```

0 comments on commit 9f8d872

Please sign in to comment.