👀

Ragnar-H · Jan 19, 2018 · f1179f4 · f1179f4
2 parents f78ae2c + 1abe4c0
commit f1179f4
Show file tree

Hide file tree

Showing 85 changed files with 179 additions and 1,250 deletions.
diff --git a/02 - Starter Files Setup/test-START.html → ...r Files and Tooling Setup/test-START.html b/02 - Starter Files Setup/test-START.html → ...r Files and Tooling Setup/test-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Starter Files!</title>
+  <title>Starter Files and Tooling Setup!</title>
 </head>
 
 <style>

diff --git a/03 - CSS Grid Fundamentals/css-grid-fundamentals-FINISHED.html b/03 - CSS Grid Fundamentals/css-grid-fundamentals-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Fundamentals!</title>
+  <title>CSS Grid Fundamentals!</title>
 </head>
 
 <body>

diff --git a/03 - CSS Grid Fundamentals/css-grid-fundamentals-START.html b/03 - CSS Grid Fundamentals/css-grid-fundamentals-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Fundamentals!</title>
+  <title>CSS Grid Fundamentals!</title>
 </head>
 
 <body>

diff --git a/05 - CSS Grid Implicit vs Explicit Tracks/implicit-vs-explicit-FINISHED.html b/05 - CSS Grid Implicit vs Explicit Tracks/implicit-vs-explicit-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Implicit vs Explicit Grid</title>
+  <title>CSS Grid Implicit vs Explicit Grid Tracks!</title>
 </head>
 
 <body>

diff --git a/05 - CSS Grid Implicit vs Explicit Tracks/implicit-vs-explicit-START.html b/05 - CSS Grid Implicit vs Explicit Tracks/implicit-vs-explicit-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Implicit vs Explicit Grid</title>
+  <title>CSS Grid Implicit vs Explicit Grid Tracks!</title>
 </head>
 
 <body>
@@ -23,4 +23,4 @@
   </style>
 </body>
 
-</html>
+</html>
diff --git a/06 - CSS grid-auto-flow Explained/autoflow-FINISHED.html b/06 - CSS grid-auto-flow Explained/autoflow-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>grid-auto-flow</title>
+  <title>CSS grid-auto-flow Explained!</title>
 </head>
 
 <body>

diff --git a/06 - CSS grid-auto-flow Explained/autoflow-START.html b/06 - CSS grid-auto-flow Explained/autoflow-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>grid-auto-flow</title>
+  <title>CSS grid-auto-flow Explained!</title>
 </head>
 
 <body>

diff --git a/07 - Sizing tracks in CSS Grid/sizing-tracks-FINISHED.html b/07 - Sizing tracks in CSS Grid/sizing-tracks-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Sizing tracks in CSS Grid</title>
+  <title>Sizing Tracks in CSS Grid!</title>
 </head>
 
 <body>

diff --git a/07 - Sizing tracks in CSS Grid/sizing-tracks-START.html b/07 - Sizing tracks in CSS Grid/sizing-tracks-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Sizing tracks in CSS Grid</title>
+  <title>Sizing Tracks in CSS Grid!</title>
 </head>
 
 <body>

diff --git a/08 - CSS Grid repeat function/repeat-FINISHED.html b/08 - CSS Grid repeat function/repeat-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>CSS Grid Repeat</title>
+  <title>CSS Grid repeat Function!</title>
 </head>
 
 <body>

diff --git a/08 - CSS Grid repeat function/repeat-START.html b/08 - CSS Grid repeat function/repeat-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>CSS Grid Repeat</title>
+  <title>CSS Grid repeat Function!</title>
 </head>
 
 <body>

diff --git a/09 - Sizing Grid Items/sizing-items-FINISHED.html b/09 - Sizing Grid Items/sizing-items-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Sizing Grid Items</title>
+  <title>Sizing Grid Items!</title>
 </head>
 
 <body>

diff --git a/09 - Sizing Grid Items/sizing-items-START.html b/09 - Sizing Grid Items/sizing-items-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Sizing Grid Items</title>
+  <title>Sizing Grid Items!</title>
 </head>
 
 <body>

diff --git a/10 - Placing Grid Items/placing-FINISHED.html b/10 - Placing Grid Items/placing-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Placing Grid Items</title>
+  <title>Placing Grid Items!</title>
 </head>
 
 <body>

diff --git a/10 - Placing Grid Items/placing-START.html b/10 - Placing Grid Items/placing-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Placing Grid Items</title>
+  <title>Placing Grid Items!</title>
 </head>
 
 <body>
@@ -52,4 +52,4 @@
   </style>
 </body>
 
-</html>
+</html>
diff --git a/11 - Spanning and Placing Cardio/get-sweaty-FINISHED.html b/11 - Spanning and Placing Cardio/get-sweaty-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Spanning & Placing Cardio</title>
+  <title>Spanning & Placing Cardio!</title>
 </head>
 
 <body>

diff --git a/11 - Spanning and Placing Cardio/get-sweaty-START.html b/11 - Spanning and Placing Cardio/get-sweaty-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Spanning & Placing Cardio</title>
+  <title>Spanning & Placing Cardio!</title>
 </head>
 
 <body>

diff --git a/...ined/auto-fit-and-auto-fill-FINISHED.html → ...fill/auto-fit-and-auto-fill-FINISHED.html b/...ined/auto-fit-and-auto-fill-FINISHED.html → ...fill/auto-fit-and-auto-fill-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>auto-fit and auto-fill</title>
+  <title>auto-fit and auto-fill!</title>
 </head>
 
 <body>

diff --git a/...plained/auto-fit-and-auto-fill-START.html → ...to-fill/auto-fit-and-auto-fill-START.html b/...plained/auto-fit-and-auto-fill-START.html → ...to-fill/auto-fit-and-auto-fill-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>auto-fit and auto-fill</title>
+  <title>auto-fit and auto-fill!</title>
 </head>
 
 <body>
@@ -41,4 +41,4 @@
   </style>
 </body>
 
-</html>
+</html>
diff --git a/13 - Using minmax() for Responsive Grids/minmax-FINISHED.html b/13 - Using minmax() for Responsive Grids/minmax-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>CSS Grid minmax()</title>
+  <title>Using minmax() for Responsive Grids!</title>
 </head>
 
 <body>

diff --git a/13 - Using minmax() for Responsive Grids/minmax-START.html b/13 - Using minmax() for Responsive Grids/minmax-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>CSS Grid minmax()</title>
+  <title>Using minmax() for Responsive Grids!</title>
 </head>
 
 <body>

diff --git a/14 - Grid Template Areas/area-line-names-FINISHED.html b/14 - Grid Template Areas/area-line-names-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Line Names from Grid Areas</title>
+  <title>Grid Template Areas: Line Names from Grid Areas!</title>
 </head>
 
 <body>
@@ -57,7 +57,6 @@
       grid-column: 💩-start / 🍔-end;
       grid-row-end: 💩-end;
     }
-
   </style>
 </body>
 

diff --git a/14 - Grid Template Areas/area-line-names-START.html b/14 - Grid Template Areas/area-line-names-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Line Names from Grid Areas</title>
+  <title>Grid Template Areas: Line Names from Grid Areas!</title>
 </head>
 
 <body>
@@ -47,7 +47,6 @@
       display: grid;
       grid-gap: 20px;
     }
-
   </style>
 </body>
 

diff --git a/14 - Grid Template Areas/areas-FINISHED.html b/14 - Grid Template Areas/areas-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>CSS Grid Template Areas</title>
+  <title>Grid Template Areas</title>
 </head>
 
 <body>
@@ -44,22 +44,24 @@
     .item1 {
       grid-area: sidebar-1;
     }
+
     .item2 {
       grid-area: content;
     }
+
     .item3 {
       grid-area: sidebar-2;
     }
 
     @media (max-width: 700px) {
       .container {
         grid-template-areas:
-        "content  content   content"
-        "sidebar-1  sidebar-1   sidebar-2"
-        "footer     footer    footer"
+          "content    content     content"
+          "sidebar-1  sidebar-1   sidebar-2"
+          "footer     footer      footer"
       }
     }
   </style>
 </body>
 
-</html>
+</html>
diff --git a/14 - Grid Template Areas/areas-START.html b/14 - Grid Template Areas/areas-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>CSS Grid Template Areas</title>
+  <title>Grid Template Areas</title>
 </head>
 
 <body>
@@ -30,8 +30,7 @@
       display: grid;
       grid-gap: 20px;
     }
-
   </style>
 </body>
 
-</html>
+</html>
diff --git a/14 - Grid Template Areas/areas.html b/14 - Grid Template Areas/areas.html
diff --git a/15 - Naming Lines in CSS Grid/naming-lines-FINISHED.html b/15 - Naming Lines in CSS Grid/naming-lines-FINISHED.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Explicit Line Names</title>
+  <title>Naming Lines in CSS Grid!</title>
 </head>
 
 <body>
@@ -46,8 +46,7 @@
     .container {
       display: grid;
       grid-gap: 20px;
-      grid-template-columns:
-        [sidebar-start site-left] 1fr [sidebar-end content-start] 500px [content-end] 1fr [site-right];
+      grid-template-columns: [sidebar-start site-left] 1fr [sidebar-end content-start] 500px [content-end] 1fr [site-right];
       grid-template-rows: [content-top] repeat(10, auto) [content-bottom];
     }
 
@@ -57,8 +56,6 @@
       grid-row: content-top / content-bottom;
       /* grid-row: 1 / span 10; */
     }
-
-
   </style>
 </body>
 

diff --git a/15 - Naming Lines in CSS Grid/naming-lines-START.html b/15 - Naming Lines in CSS Grid/naming-lines-START.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="../assets/style.css">
-  <title>Explicit Line Names</title>
+  <title>Naming Lines in CSS Grid!</title>
 </head>
 
 <body>
@@ -49,9 +49,7 @@
       grid-template-columns: 1fr 500px 1fr;
       grid-template-rows: repeat(10, auto);
     }
-
-
   </style>
 </body>
 
-</html>
+</html>