From e2bd80e25e851151847bf3939858e033ad69c404 Mon Sep 17 00:00:00 2001 From: Matt Anderson Date: Mon, 22 Apr 2024 20:53:12 -0600 Subject: [PATCH] W1 Initial Commit This includes the code from my previous semester in this class. Errors likely present. --- holygrail.html | 18 ++++++++++++++++++ styles/holygrail.css | 37 +++++++++++++++++++++++++++++++++++++ 2 files changed, 55 insertions(+) create mode 100644 holygrail.html create mode 100644 styles/holygrail.css diff --git a/holygrail.html b/holygrail.html new file mode 100644 index 0000000..cf12dfe --- /dev/null +++ b/holygrail.html @@ -0,0 +1,18 @@ + + + + + + Holy Grail Assignment + + + +
+

Header

+
+ Main Navigation +
Main Content
+ Right Sidebar + + + \ No newline at end of file diff --git a/styles/holygrail.css b/styles/holygrail.css new file mode 100644 index 0000000..a6463c6 --- /dev/null +++ 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; +} \ No newline at end of file