@@ -17,4 +17,42 @@ These are meant to be 1:1 copies of what is done in the video. If you found a be
17
17
18
18
The starter files + solutions will be updated if/when the videos are updated.
19
19
20
- Thanks!
20
+ Thanks!
21
+
22
+ ## Live editable examples
23
+
24
+ 02 . [ Starter Files and Tooling Setup] ( https://jsfiddle.net/0dqL316d/ ) (update title)
25
+ 03 . [ CSS Grid Fundamentals] ( https://jsfiddle.net/qxxpgg4j/ )
26
+ 04 . [ CSS Grid Dev Tools] ( https://jsfiddle.net/b55x8vh2/ )
27
+ 05 . [ CSS Grid Implicit vs Explicit Tracks] ( https://jsfiddle.net/mon8xdgb/ )
28
+ 06 . [ CSS grid-auto-flow Explained] ( https://jsfiddle.net/Loq4uj16/ )
29
+ 07 . [ Sizing tracks in CSS Grid] ( https://jsfiddle.net/q8h3r8yb/ )
30
+ 08 . [ CSS Grid repeat function] ( https://jsfiddle.net/8f8xyx86/ )
31
+ 09 . [ Sizing Grid Items] ( https://jsfiddle.net/wqs6tcuk/ )
32
+ 10 . [ Placing Grid Items] ( https://jsfiddle.net/hs5xhvpp/ )
33
+ 11 . [ Spanning and Placing Cardio] ( https://jsfiddle.net/2z7z6o9k/ )
34
+ 12 . [ auto-fit and auto-fill] ( https://jsfiddle.net/d1pLngzx/ )
35
+ 13 . [ Using minmax() for Responsive Grids] ( https://jsfiddle.net/xthszm2j/ )
36
+ 14 . Grid Template Areas:
37
+ - [ Area Line Names] ( https://jsfiddle.net/tkyxomht/ )
38
+ - [ Areas] ( https://jsfiddle.net/p0sn7L7v/ )
39
+ 15 . [ Naming Lines in CSS Grid] ( https://jsfiddle.net/ygpmn0xh/ )
40
+ 16 . [ grid-auto-flow dense Block Fitting] ( https://jsfiddle.net/sxj83p70/ )
41
+ 17 . [ CSS Grid Alignment + Centering] ( https://jsfiddle.net/eyL9a2gv/ )
42
+ 18 . [ Re-ordering Grid Items] ( https://jsfiddle.net/uscf9mk0/ )
43
+ 19 . [ Nesting Grid with Album Layouts] ( https://jsfiddle.net/yn7jak0y/ )
44
+ 20 . [ CSS Grid Image Gallery] ( https://jsfiddle.net/cbjzped2/ )
45
+ 21 . Flexbox vs CSS Grid:
46
+ - [ Axis Flipping] ( https://jsfiddle.net/pt8hym9s/ )
47
+ - [ Controls on Right] ( https://jsfiddle.net/4o7gavuj/ )
48
+ - [ Flex on Item] ( https://jsfiddle.net/1u264ftd/ )
49
+ - [ Perfectly Centered] ( https://jsfiddle.net/sgbrtrjo/ )
50
+ - [ Self Control] ( https://jsfiddle.net/c6gg8pkn/ )
51
+ - [ Stacked Layout] ( https://jsfiddle.net/mnfm1sw0/ )
52
+ - [ Unknown Content Size] ( https://jsfiddle.net/4ze02bkj/ )
53
+ - [ Unknown Number of Items] ( https://jsfiddle.net/Lg7r3jmy/ )
54
+ - [ Variable Widths on Each Row] ( https://jsfiddle.net/qymhootd/ )
55
+ 22 . [ Recreating Codepen] ( https://jsfiddle.net/br6n54qt/ )
56
+ 23 . [ Bootstrappy Grid with CSS Variables] ( https://jsfiddle.net/gLLht2hd/ )
57
+ 24 . [ Responisve Website] ( https://jsfiddle.net/bh16ofp8/ )
58
+ 25 . [ Full Bleed Blog Layout] ( https://jsfiddle.net/j8w6v3mh/ )
0 commit comments