Change section height

100vh to 90vh to make title footer

css/about.css

@@ -16,7 +16,7 @@ main {
 
 .section {
   scroll-snap-align: start;
-  height: 100vh;
+  height: 90vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -152,6 +152,10 @@ footer {
     color: #fff;
   }
 }
+.lastsection {
+  height: 100vh;
+}
+
 .section2::before {
   background-image: url("https://wallpapers.com/images/hd/integral-project-management-cover-erpo8ef1af3wuquu.jpg");
 }

html/about.html

@@ -50,7 +50,7 @@
       </div>
     </section>
 
-    <section class="section section5" id="contact">
+    <section class="section section5 lastsection" id="contact">
       <div class="content">
         <h2>Contact</h2>
         <p>Email: you@example.com<br />Mastodon / GitHub / etc.</p>

scss/about.scss

@@ -1,5 +1,6 @@
 @use "about/base";
 @use "about/section1";
+@use "about/section5";
 
 .section2 {
     &::before {

scss/about/_base.scss

@@ -18,7 +18,7 @@ main {
 
 .section {
   scroll-snap-align: start;
-  height: 100vh;
+  height: 90vh;
   display: flex;
   flex-direction: column;
   justify-content: center;

scss/about/_section5.scss

@@ -0,0 +1,3 @@
+.lastsection {
+    height: 100vh;
+}