Skip to content

Commit 426cc41

Browse files
authored
Update README.md
1 parent d3880de commit 426cc41

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -39,12 +39,12 @@ The plugin generates the following sets of classes:
3939

4040
- `.grid` for setting `display: grid` on an element
4141
- `.grid-columns-{size}` for specifying the number of columns in the grid
42-
- `.col-span-{columns}` for specifying how wide a cell should be
42+
- `.col-span-{columns}` for specifying how many columns a cell should span
4343
- `.grid-gap-{size}` for specifying the size of the gap between columns/rows
4444
- `.grid-automin-{size}` for applying the minimum width of the columns using auto-fit and minmax (the max is 1fr)
45-
- `.col-start-{line}` and `.col-end-{line}` for specifying a cell's start and end points explicitly (useful for reordering cells or leaving gaps)
46-
- `.row-span-{columns}` for specifying how tall a cell should be
47-
- `.row-start-{line}` and `.row-end-{line}`, for specifying a cell's start and end points explicitly (useful for reordering cells or leaving gaps)
45+
- `.col-start-{line}` and `.col-end-{line}` for specifying a cell's start and end grid lines explicitly (useful for reordering cells or leaving gaps)
46+
- `.row-span-{columns}` for specifying how many rows a cell should span
47+
- `.row-start-{line}` and `.row-end-{line}`, for specifying a cell's start and end grid lines explicitly (useful for reordering cells or leaving gaps)
4848
- `.grid-dense` applies `grid-auto-flow: dense`
4949

5050
It's not really practical to expose all of the power of CSS Grid through utilities, but this plugin is a good example of using CSS Grid to replace a cell-only float or Flexbox grid.

0 commit comments

Comments
 (0)