3 files changed, 35 insertions, 14 deletions
diff --git a/sass/layout/_footer.scss b/sass/layout/_footer.scss
index ecfb0a5..0fa9cc4 100644
--- a/sass/layout/_footer.scss
+++ b/sass/layout/_footer.scss
@@ -6,7 +6,7 @@ footer {
   // position: absolute;
   // bottom: 0;
   // left: 0;
-  width: 100%;
+  width: 100vw;
 
   & * {
     margin: $margin-main;
@@ -39,10 +39,9 @@ footer {
   }
 }
 
-@media screen and (max-width: 420px) {
+// mobile
+@media screen and (max-width: 520px) {
   footer {
-    top: 100;
-
     & * {
       margin: $margin-mobile;
     }
diff --git a/sass/layout/_main-sections.scss b/sass/layout/_main-sections.scss
index fb2d433..7cb2735 100644
--- a/sass/layout/_main-sections.scss
+++ b/sass/layout/_main-sections.scss
@@ -30,3 +30,25 @@
 .contact-section {
   @include wide-container;
 }
+
+// mobile to smaller laptop screen sizes
+@media screen and (max-width: 1380px) {
+  .about-section {
+    @include flex-column-center;
+    @include mobile-container;
+  }
+
+  .welcome-section {
+    @include flex-column-center;
+    gap: 4rem;
+    @include mobile-container;
+  }
+
+  .projects-section {
+    @include mobile-container;
+  }
+
+  .contact-section {
+    @include mobile-container;
+  }
+}
diff --git a/sass/layout/_nav.scss b/sass/layout/_nav.scss
index d57f3d7..8d03e69 100644
--- a/sass/layout/_nav.scss
+++ b/sass/layout/_nav.scss
@@ -4,11 +4,10 @@ nav {
   background-color: $bg-text-container;
   font-family: "Archivo Black", sans-serif;
   height: 10vh;
-  width: 100%;
+  width: 100vw;
 
   ul {
     display: flex;
-    flex-flow: row nowrap;
     align-items: center;
     justify-content: flex-end;
     height: 100%;
@@ -39,23 +38,24 @@ nav {
   }
 }
 
-// mobile
-@media screen and (max-width: 770px) {
+// tablet & mobile
+@media screen and (max-width: 980px) {
   nav {
+    height: fit-content;
+
     ul {
+      @include flex-column-center;
       gap: 1rem;
-      justify-content: center;
       padding: 0;
     }
 
+    li a {
+      font-size: $big-text;
+    }
+
     li:first-child {
       text-align: center;
       margin-right: 1.5rem;
     }
-
-    li a {
-      font-size: 1rem;
-      padding: 0;
-    }
   }
 }