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