0.01

Made mistake in directory, had old assignment posted
EDU-MDAnderson · Apr 23, 2024 · 535f880 · 535f880
1 parent e2bd80e
commit 535f880
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 100 deletions.
diff --git a/holygrail.html b/holygrail.html
diff --git a/styles/holygrail.css b/styles/holygrail.css
diff --git a/week01/lesson1/holygrail.html b/week01/lesson1/holygrail.html
@@ -3,19 +3,16 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Holy Grail Assignment</title>
     <link rel="stylesheet" href="styles/holygrail.css">
 </head>
 <body>
     <header>
-        <h1 contenteditable>Header.com</h1>
-      </header>
-      <nav>Main Navigation
-        <li><a href="/wdd230/index.html" class="active">/wdd230/index</a></li>
-        <li><a href="https://edu-mdanderson.github.io/wdd230/index.html" class="active">link</a></li>
-      </nav>
-      <main contenteditable></main>
-      <div class="right-sidebar" contenteditable>Right Sidebar</div>
-      <footer contenteditable>Footer Content — Header.com</footer>
+        <h1 contenteditable>Header</h1>
+    </header>
+    <main-navigation>Main Navigation</main-navigation>
+      <main contenteditable>Main Content</main>
+      <right-sidebar contenteditable>Right Sidebar</right-sidebar>
+      <footer contenteditable>Footer</footer>
 </body>
 </html>
diff --git a/week01/lesson1/styles/holygrail.css b/week01/lesson1/styles/holygrail.css
@@ -1,36 +1,37 @@
 body {
-    display: grid;
-    height: 100vh;
-    grid-template-columns: 1fr auto;
-    grid-template-rows: auto auto 1fr auto;
-  }
-
-  header {
-    background: lightpink;
-    padding: 2rem;
-    grid-column: 1 / 3;
-  }
-
-  nav {
-    grid-column: 1 / 3;
-    background-color: #bed;
-    padding: 1rem;
-  }
-
-  main {
-    background: coral;
-    height: 100%;
-    padding: 1rem;
-  }
-
-  .right-sidebar {
-    background: yellow;
-    grid-column: 2 / 3;
-    padding: 1rem;
-  }
-
-  footer {
-    background: wheat;
-    padding: 2rem;
-    text-align: center;
-    grid-column: 1 / 3;}
+  display: grid;
+  height: 100vh;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: auto auto 1fr auto;
+}
+
+header {
+  background: lightpink;
+  padding: 2rem;
+  grid-column: 1 / 3;
+}
+
+main-navigation {
+  background-color: #bed;
+  grid-column: 1/3;
+  padding: 1rem;
+}
+
+main {
+  background: coral;
+  height: 100%;
+  padding: 1rem;
+}
+
+right-sidebar {
+  background: yellow;
+  grid-column: 2 / 3;
+  padding: 1rem;
+}
+
+footer {
+  background: wheat;
+  padding: 2rem;
+  text-align: center;
+  grid-column: 1 / 3;
+}