From 8af63ab911e9047c30dbf8617f83307a5a3a6af3 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 24 Feb 2024 16:00:51 +0100
Subject: [PATCH] about & global changes

---
 src/components/styles/About.styled.ts  |  5 +++++
 src/components/styles/Global.styled.ts |  2 +-
 src/sections/AboutSection.tsx          | 22 +++++++++++++++-------
 3 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/components/styles/About.styled.ts b/src/components/styles/About.styled.ts
index 87b5bb9..dfa720e 100644
--- a/src/components/styles/About.styled.ts
+++ b/src/components/styles/About.styled.ts
@@ -49,6 +49,11 @@ export const StyledAbout = styled.section`
 
     h1 {
       margin: 0;
+      vertical-align: middle;
+    }
+
+    p {
+      font-size: 1.2em;
     }
   }
 `;
diff --git a/src/components/styles/Global.styled.ts b/src/components/styles/Global.styled.ts
index a324729..5ce5ab4 100644
--- a/src/components/styles/Global.styled.ts
+++ b/src/components/styles/Global.styled.ts
@@ -63,7 +63,7 @@ export const GlobalStyles = createGlobalStyle`
       }
    }
 
-   img {
+   img, svg {
       max-width: 100%;
       vertical-align: middle;
    }
diff --git a/src/sections/AboutSection.tsx b/src/sections/AboutSection.tsx
index d04c7d9..c3bc4ca 100644
--- a/src/sections/AboutSection.tsx
+++ b/src/sections/AboutSection.tsx
@@ -1,7 +1,8 @@
-import { FaBriefcase, FaHeart, FaStar, FaUserGraduate } from 'react-icons/fa';
+import { FaBriefcase, FaHeart, FaStar, FaUserGraduate, FaVuejs } from 'react-icons/fa';
 import { StyledAbout } from '../components/styles/About.styled';
 import { StyledCursor } from '../components/styles/Cursor.styled';
 import { StyledSectionHeader } from '../components/styles/SectionHeader.styled';
+import { SiNestjs } from 'react-icons/si';
 
 function AboutSection() {
   return (
@@ -54,18 +55,25 @@ function AboutSection() {
 
         <div className="stat-item">
           <h1>
-            <FaHeart />
-            <div>Ulubione technologie</div>
+            <FaBriefcase />
+            <div>Zaawansowanie zawodowe</div>
           </h1>
-          <p>Vue.js, Typescript</p>
+          <p>
+            początkujący <br />
+            junior
+          </p>
         </div>
 
         <div className="stat-item">
           <h1>
-            <FaBriefcase />
-            <div>Zaawansowanie zawodowe</div>
+            <FaHeart />
+            <div>Ulubione technologie</div>
           </h1>
-          <p>junior</p>
+          <p>
+            <FaVuejs /> Vue
+            <br />
+            <SiNestjs /> NestJS
+          </p>
         </div>
       </div>
     </StyledAbout>