03 - CSS Grid Fundamentals Start Files

jonathanedempsey · jonathanedempsey · commit 85b5452ac1c4 · 2018-05-25T15:06:57.000+01:00
diff --git a/03 - CSS Grid Fundamentals/css-grid-fundamentals-FINISHED.html b/03 - CSS Grid Fundamentals/css-grid-fundamentals-FINISHED.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <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 Fundamentals!</title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="item">1</div>
+    <div class="item">2</div>
+    <div class="item">3</div>
+    <div class="item">4</div>
+    <div class="item">5</div>
+    <div class="item">6</div>
+    <div class="item">7</div>
+    <div class="item">8</div>
+    <div class="item">9</div>
+    <div class="item">10</div>
+  </div>
+  <style>
+    .container {
+      display: grid;
+      grid-template-columns: 200px 500px;
+      grid-template-rows: 200px 100px 400px;
+      grid-gap: 20px;
+    }
+  </style>
+</body>
+
+</html>
diff --git a/03 - CSS Grid Fundamentals/css-grid-fundamentals-START.html b/03 - CSS Grid Fundamentals/css-grid-fundamentals-START.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <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 Fundamentals!</title>
+</head>
+
+<body>
+
+</body>
+
+</html>
diff --git a/readme.md b/readme.md
@@ -1,5 +1,11 @@
 ![](https://res.cloudinary.com/wesbos/image/upload/v1515524452/GRID-social-share_wlfzk3.png)
 
+# Personal notes
+To start, in terminal navigate to the project root folder and enter 'npm i' to install dependencies (node needs to be installed on your machine).
+
+Once installed, enter 'npm start' and then navigate to the desired folder in your browser
+
+
 # CSS Grid Video Course
 
 Hey! These are the starter files and finished solutions. Grab the full course over at [CSSGrid.io](https://CSSGrid.io).
