You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -39,12 +39,12 @@ The plugin generates the following sets of classes:
39
39
40
40
-`.grid` for setting `display: grid` on an element
41
41
-`.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
43
43
-`.grid-gap-{size}` for specifying the size of the gap between columns/rows
44
44
-`.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)
48
48
-`.grid-dense` applies `grid-auto-flow: dense`
49
49
50
50
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