Added title to projects section

IllusiveBagel · Jul 25, 2024 · 08b41cb · 08b41cb
1 parent bb5b6ee
commit 08b41cb
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/pages/Projects/Projects.module.scss b/src/pages/Projects/Projects.module.scss
@@ -57,3 +57,17 @@
     color: #{$magenta};
     margin-right: 10px;
 }
+
+.projectsTitle {
+    width: 100%;
+    text-align: center;
+    margin-bottom: 40px;
+    font-size: 2.5em;
+    text-decoration: underline 2px #{$magenta};
+    color: #{$base1};
+
+    @media (max-width: 640px) {
+        font-size: 1.8em;
+        text-align: center;
+    }
+}
diff --git a/src/pages/Projects/index.tsx b/src/pages/Projects/index.tsx
@@ -8,6 +8,7 @@ import styles from './Projects.module.scss';
 const Projects = () => {
     return (
         <div className={styles.projectsContainer}>
+            <h1 className={styles.projectsTitle}>Personal Projects</h1>
             {projects.map((project, idx) => {
                 return (
                     <a