diff options
| author | Mark Otto <markd.otto@gmail.com> | 2021-07-26 18:45:10 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-07-26 18:45:10 +0300 |
| commit | e208774fc1b301b96e65997dd0fca92c94ac20fb (patch) | |
| tree | 88b38d8918b48d826aefae2cbc12b170112e555d /site/content/docs/5.0 | |
| parent | 905db7dadb60385dfc1d563c398c01121a80bf53 (diff) | |
Clean up a couple CSS Grid issues (#34572)
- Moves the make-cssgrid() mixin to the grid mixins stylesheet
- Updates the g-start-* classes to start at 1 instead of 0 as 0 is an invalid value (fixes #34399)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'site/content/docs/5.0')
| -rw-r--r-- | site/content/docs/5.0/layout/css-grid.md | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/site/content/docs/5.0/layout/css-grid.md b/site/content/docs/5.0/layout/css-grid.md index e6165fc561..424167839d 100644 --- a/site/content/docs/5.0/layout/css-grid.md +++ b/site/content/docs/5.0/layout/css-grid.md @@ -91,7 +91,7 @@ Grid items automatically wrap to the next line when there's no more room horizon ## Starts -Start classes aim to replace our default grid's offset classes, but they're not entirely the same. CSS Grid creates a grid template through styles that tell browsers to "start at this column" and "end at this column." Those properties are `grid-column-start` and `grid-column-end`. Start classes are shorthand for the former. Pair them with the column classes to size and align your columns however you need. +Start classes aim to replace our default grid's offset classes, but they're not entirely the same. CSS Grid creates a grid template through styles that tell browsers to "start at this column" and "end at this column." Those properties are `grid-column-start` and `grid-column-end`. Start classes are shorthand for the former. Pair them with the column classes to size and align your columns however you need. Start classes begin at `1` as `0` is an invalid value for these properties. {{< example class="bd-example-cssgrid" >}} <div class="grid"> |