W1 Initial Commit

This includes the code from my previous semester in this class. Errors likely present.
EDU-MDAnderson · Apr 23, 2024 · e2bd80e · e2bd80e
1 parent c4f6715
commit e2bd80e
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 0 deletions.
diff --git a/holygrail.html b/holygrail.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Holy Grail Assignment</title>
+    <link rel="stylesheet" href="styles/holygrail.css">
+</head>
+<body>
+    <header>
+        <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/styles/holygrail.css b/styles/holygrail.css
@@ -0,0 +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;
+}
+
+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;
+}