|
@@ -95,4 +95,15 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
```
|
|
```
|
|
|
-* When you have areas, you get line names for free, so `footer-start` and `footer-end` is automatically available for things like `grid-column: footer-start / footer-end;`
|
|
|
|
|
|
|
+* When you have areas, you get line names for free, so `footer-start` and `footer-end` is automatically available for things like `grid-column: footer-start / footer-end;`
|
|
|
|
|
+
|
|
|
|
|
+# 15 - Naming Lines in CSS Grid
|
|
|
|
|
+* Name lines (space between columns or rows) like this: `grid-template-columns: [first-line] 1fr [second-line] 1fr [last-line];`
|
|
|
|
|
+* Then you can use the names: `grid-column: first-line / last-line` instead of `grid-column: 1 / 3`
|
|
|
|
|
+* You can assign more than one name per line.
|
|
|
|
|
+
|
|
|
|
|
+# 16 - grid-autoflow-dense Block Fitting
|
|
|
|
|
+* If items dont fit in columns due to their span, the space before them remains unused.
|
|
|
|
|
+* With `grid-auto-flow: dense;` this space is filled with subsequent items.
|
|
|
|
|
+
|
|
|
|
|
+# 17 - CSS Grid Alignment and Centering
|
