I have fixed cell phone and tablet view issues, this should be the best deployment yet.

Author: sydney-s-leigh

css/style.css

@@ -338,7 +338,7 @@ nav {
 }
 
 .sydneyLeigh {
-    font-size: 0.4em;
+    font-size: 0.3em;
     color: var(--secondary8);
 }
 
@@ -350,7 +350,7 @@ nav {
     align-items: center;
     flex-direction: column;
     text-align: center;
-    font-size:3em;
+    font-size:2em;
     border-bottom: 3px solid var(--primary7);
 }
 
@@ -361,7 +361,7 @@ nav {
 }
 
 .themePicker {
-    font-size:0.3em;
+    font-size:0.5em;
     display:flex;
     justify-content: center;
     align-items: stretch;
@@ -370,8 +370,8 @@ nav {
 
 .themeButton{
     margin:0.5rem;
-    height:3rem;
-    width:3rem;
+    height:2rem;
+    width:2rem;
     /* border-radius: 50%;
     border: 1px solid var(--secondary1); */
     box-shadow:   -5px 0 0 0 var(--secondary1),
@@ -480,6 +480,7 @@ nav {
 
 .bookButtonZ-index {
     position:absolute;
+    transform: scale(0.85);
     background-color: var(--primary1);
     color: var(--secondary8);
     padding:1rem;
@@ -545,7 +546,6 @@ nav {
     align-items: start;
     justify-content: start;
     gap: 1.5rem;
-    font-size: 2em;
 }
 
 .contactSVG {
@@ -574,7 +574,9 @@ nav {
     border-top: 5px solid var(--primary5);
 }
 
+
 /* For phones in portrait mode */
+/* 0x0 pixels to 600x800 */
 @media only screen and (max-width:600px) {
     nav {
         font-size: 0.75em;
@@ -630,18 +632,37 @@ nav {
         width:15rem;
     }
 
+    .contactItem{
+        font-size: 0.75em;
+    }
+
     .footer{
-        font-size: 1.5em;
+        padding:1rem;
+        font-size: 1em;
     }
 } 
 
 /* Specifically for phones & tablets in lanscape mode */
+
 @media only screen and (min-width:600px) and (max-height:600px) {
     nav {
         font-size: 1.5em;
         font-style: bold;
     }
 
+    .heroSection {
+        font-size: 1.5em;
+    }
+
+    .bookButtonZ-index {
+        transform: scale(0.85);
+    }
+
+    .gridBoxIcons{
+        grid-template-rows: repeat(5, 1fr);
+        grid-template-columns: repeat(5, 1fr);
+    }
+
     .bookButtonBoxPhone{
         display: none;
     }
@@ -656,15 +677,24 @@ nav {
         width:14rem;
     }
 
+    .contactItem{
+        font-size: 2em;
+    }
+
     .footer{
-        font-size: 2.5em;
+        font-size: 1.5em;
     }
 }
 
+/* 1024x768 */
+/* 1920x1080 */
+
 /* For computer and tablet screens */
+
 @media only screen and (min-width:600px) and (min-height:600px){
+/* @media only screen and (min-width:769px){ */
     nav {
-        font-size: 3em;
+        font-size: 2.5em;
         font-style: bold;
     }
 
@@ -687,7 +717,11 @@ nav {
         width: 15rem;
     }
 
+    .contactItem{
+        font-size: 2em;
+    }
+
     .footer{
-        font-size: 2.5em;
+        font-size: 1.5em;
     }
 }

index.html

@@ -124,7 +124,7 @@
             <!-- <a href="#portfolio">PORTFOLIO</a>             -->
             <a href="#resume">RESUME</a>
             <a href="#contactMe">CONTACT</a>
-            <a href="#footer">ABOUT</a>
+            <a href="#about">ABOUT</a>
         </nav>        
         <div class="banner">
             <div class="bannerBox bannerBox1">
@@ -781,7 +781,7 @@ <h1>CONTACT ME</h1>
                     </form> -->
                 </div>
             </article>    
-            <article class="article">
+            <article id="about" class="article">
                 <h1>ABOUT ME</h1>
                 <div class="contentBox">
                     <p>Having started programming in C++ at the age of 11, coding hasn't just been a job for me, it's a lifestyle. Whether it's been doing projects in my homelabs over the years, being webmaster for ACM in college, or being a lead developer at a company, sometimes even freelancing to pay the rent, software engineering has been a major part of my life. Between coding, system administration, and even being a security auditor, I've experienced IT from all angles. I like to think of myself as a Jack of all trades, master of none, but in most cases better than a master of one. Given a little time, I can hit the ground running with anything.</p>