to do: finish mobile query

src/pages/Projects.jsx

@@ -85,9 +85,9 @@ export default function Projects() {
 
     return (
         <div className="page projects-page">
-            <h1>Check out these projects from my portfolio!</h1>
+            <h1 className="projects-section-header">Check out these projects from my portfolio!</h1>
 
-            <section className={`filter-panel`}>
+            <section className="filter-panel">
                 <h2>Filter by:</h2>
                 <div className="filter-controls">
                     <input

src/pages/Welcome.jsx

@@ -7,15 +7,21 @@ export default function Welcome() {
         <div className="page welcome-page">
             <Card id="header-card" elevation={5}>
                 <Avatar alt="Mikayla Dobson" src={profile} sx={{width: 110, height: 110}} />
-                <h3>Hi, my name is Mikayla! I'm a junior-level full stack web developer.</h3>
-                <h4 className="do-stuff">Thanks for visiting! Feel free to peruse below:</h4>
+                <h3>Hi, my name is Mikayla Dobson!</h3>
+                <h4>Thanks for taking the time to learn more about me!</h4>
             </Card>
 
             <Divider orientation="horizontal" className="divider" />
 
             <Card id="welcome-info">
                 <p>
-                I am a junior-level full stack web developer based in Nashville, Tennessee. I build responsive, well-designed web applications with emphasis on concise solutions to problems, self-documenting code, and elegance of design. Some of my most frequently used technologies include React, Redux, Node.js, Express, TypeScript, Vite, PostgreSQL, MongoDB, and Sass, among others.
+                I am a junior web developer based in Nashville, Tennessee. I build responsive, performant 
+                web applications, seeking out simple problems to complex solutions, and emphasizing 
+                elegance of design.
+                </p>
+                <p>
+                Some of my most frequently used technologies include React, Redux, Node.js, 
+                Express, TypeScript, Vite, PostgreSQL, MongoDB, and Sass, among others.
                 </p>
             </Card>
 

src/sass/Navbar.scss

@@ -2,15 +2,17 @@
 @import "components/Button";
 
 .app-navbar {
-  background-color: $darkGreen;
-  color: $indigoWhite;
-  height: 4.5rem;
   display: flex;
-  border-bottom: 1px solid black;
-  font-family: 'Open Sans', sans-serif;
   position: fixed;
   top: 0;
+
+  background-color: $darkGreen;
+  color: $indigoWhite;
+  font-family: 'Open Sans', sans-serif;
+  border-bottom: 1px solid black;
+
   width: 100vw;
+  height: 4.5rem;
   z-index: 9;
 
   button {

src/sass/helper/_queries.scss

@@ -1,4 +1,4 @@
-// tablet queries
+@import "./mixins";
 
 %tablet-queries {
     @media only screen and (max-width: 1050px) {
@@ -90,14 +90,84 @@
         .app-navbar {
             .navbar-left {
                 width: 80vw;
+                align-items: center;
+                .my-name {
+                    border-right: none;
+                }
             }
             .navbar-right {
                 width: 20vw;
+                align-items: center;
+                button {
+                    padding: 0;
+                    height: auto;
+                }
             }
             a, h2 {
                 font-weight: 600;
                 font-size: 1.25rem;
             }
         }
+
+        .welcome-page {
+            #header-card {
+                animation: none;
+                width: 75vw;
+            }
+            #welcome-info {
+                animation: none;
+            }
+        }
+
+        .about-me-page {
+            .about-me-section {
+                .am-section-mini {
+                    h1 {
+                        font-size: 1.35rem;
+                    }
+                    button {
+                        padding: 4px;
+                        height: 1.5rem;
+                    }
+                }
+                .about-gallery {
+                    .MuiPaper-root {
+                        width: 85%;
+                        height: auto;
+                        margin-bottom: 12px;
+                        .card-title {
+                            font-size: 1.2rem;
+                        }
+                        h3 {
+                            font-size: 1rem;
+                        }
+                    }
+                }
+            }
+        }
+
+        .projects-page {
+            .projects-section-header {
+                font-size: 1.35rem;
+                padding: 0 8px;
+            }
+            .filter-panel {
+                h2 {
+                    font-size: 1.15rem;
+                }
+                .filter-controls input, button {
+                    margin: 0 8px;
+                    border-radius: 8px;
+                }
+            }
+
+            // RESUME HERE
+            .project-cards .MuiPaper-root {
+                padding: 8px;
+                h1 {
+                    font-size: 1.5rem;
+                }
+            }
+        }
     }
 }

src/sass/pages/Projects.scss

@@ -20,9 +20,6 @@
     border-radius: 12px;
 
     width: 40vw;
-    transition: align-items 1s ease,
-                position 1s ease
-    ;
 
     .filter-controls {
       display: flex;