#86 Fixing the gaps and changing text.

frontend/src/app/(home)/_skills/Skills.tsx

@@ -9,10 +9,8 @@ const Skills: FunctionComponent = () => {
     <section className={`${hStyles.sectionContainer}`}>
       <h2 className={`${hStyles.subHeading}`}>Experience</h2>
       <div className={`${styles.text} ${gStyles.text}`}>
-        <p>With over half a decade of experience under my belt, I've been diving deep into the tech world, experimenting
-          with various technologies and leading teams through successful projects.</p>
-        <p>A true enthusiast of React, I've found it to be a powerful tool for crafting innovative solutions. However, I remain open to any technology that proves effective and efficient for the task at hand.</p>
-        <p>For a comprehensive view of my skills and experiences, please check out my <Link href={'/skills'}>skills page</Link>.</p>
+        <p>Half a decade in tech, mastering React and leading teams to success. Always ready to embrace new technologies that deliver.</p>
+        <p>Discover more on <Link href={'/skills'}>skills page</Link>.</p>
       </div>
     </section>
   );

frontend/src/app/(home)/_skills/styles.module.scss

@@ -2,6 +2,9 @@
 
 .text {
   margin-top: 2rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
 
   a {
     color: $color-accent;

frontend/src/styles/global.module.scss

@@ -36,9 +36,6 @@
   font-size: clamp(1.1rem, 1vw, 1.3rem);
   line-height: 1.5;
   font-weight: 300;
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
 }
 
 .tags {