Merge pull request #86 from nditcommunity/82-scroll-bug

82 scroll bug

Author: hayleyw7

src/styles/style.css

@@ -58,7 +58,7 @@
   --light-orange: #f69e45;
 
   /* sizing */
-  --max-footer-height: 69px;
+  --footer-height: 50px;
   --light-orange: #f69e45;
 }
 
@@ -114,8 +114,8 @@ body {
 
 main {
   max-width: 33rem; /* Aim for 33–38 rem for readability. 33rem results in around 70 chars per line. */
-  margin-inline: auto;
-  margin-bottom: calc(var(--max-footer-height) + 25px);
+  padding-bottom: var(--footer-height);
+  overflow-y: hidden;
 }
 
 main p {
@@ -203,6 +203,17 @@ header nav ul {
   font-weight: bold;
 }
 
+@media (max-height: 450px) {
+  div.home {
+    height: 30px;
+    padding-top: 10px;
+  }
+
+  .tagline {
+    display: none;
+  }
+}
+
 /* about */
 
 .bio {
@@ -223,8 +234,7 @@ footer {
   bottom: 0;
   width: 100%;
   z-index: 10;
-  min-height: 45px;
-  max-height: var(--max-footer-height);
+  height: var(--footer-height);
   background-color: var(--purple);
   padding: 0.1rem;
   display: flex;
@@ -510,17 +520,14 @@ h6 {
 .home {
   display: flex;
   flex-direction: column;
-  justify-content: center;
   align-items: center;
-  height: 60vh;
+  height: calc(300px - var(--footer-height));
+  padding-top: 30px;
 }
 
 .tagline {
-  margin: 1rem;
   font-size: 1.3rem;
   font-weight: bold;
-  margin-block-start: 1em;
-  margin-block-end: 0.67em;
   text-align: center;
 }