diff --git a/css/style.css b/css/style.css
index 7cfca08..c27ffba 100644
--- a/css/style.css
+++ b/css/style.css
@@ -18,35 +18,41 @@
body {
display: grid;
min-height: 100vh;
- grid-template-rows: 1fr auto;
+ grid-template-rows: auto 1fr auto;
grid-template-columns: auto 1fr;
grid-template-areas:
- "header main"
+ "logo title"
+ "nav main"
"footer main"
;
margin: 0px;
}
-header, footer {
+header {
+ display: contents;
+}
+
+#logo {
+ grid-area: logo;
+}
+
+#nav {
+ grid-area: nav;
+}
+
+#title {
+ grid-area: title;
+}
+
+#logo, #nav, footer {
background-color: var(--accent-bkg-color);
color: var(--accent-txt-color);
- padding: 20px;
-}
-
-header {
- grid-area: header;
-}
-
-header hr {
- margin-top: 20px;
- margin-bottom: 20px;
}
main {
grid-area: main;
background-color: var(--content-bkg-color);
color: var(--content-txt-color);
- padding: 20px;
}
footer {
@@ -67,8 +73,6 @@ nav a {
font-size: x-large;
text-decoration: none;
position: relative;
- padding: 10px;
- padding-left: 20px;
}
nav a:before {
@@ -96,24 +100,19 @@ h1, h2, h3, p {
}
h1 {
- font-size: xxx-large;
- text-align: center;
- margin: 0px;
+ font-size: xxx-large;
}
h2 {
font-size: xx-large;
- text-align: center;
}
h3 {
font-size: x-large;
- text-align: center;
}
p {
font-size: large;
- text-align: left;
}
.hidden {
diff --git a/index.html b/index.html
index a4a7c98..6a69a24 100644
--- a/index.html
+++ b/index.html
@@ -26,13 +26,13 @@