From efa80eef62b6480799b0d28d23085479c121b3ef Mon Sep 17 00:00:00 2001
From: II-Paulus-II <paulus.coding@gmail.com>
Date: Thu, 7 Mar 2024 13:39:55 +0000
Subject: [PATCH] change experience to expertise

---
 src/components/Details.jsx      |  2 +-
 src/components/Technologies.jsx |  2 +-
 src/styles/technologies.css     | 15 +++++++++++----
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/Details.jsx b/src/components/Details.jsx
index 1a9cb48..17e7a13 100644
--- a/src/components/Details.jsx
+++ b/src/components/Details.jsx
@@ -12,7 +12,7 @@ function Details() {
         <div className="detailsTextInnerContainer"><h2 className="detailsTitle">Paul Hughes</h2></div>
         <div className="detailsTextInnerContainer"><p className="detailsComment">Full Stack Developer</p></div>
         <div className="detailsInfoLinksContainer">
-          <a className="detailsInfoLinks" href="#tech">Experience</a>
+          <a className="detailsInfoLinks" href="#tech">Expertise</a>
           <a className="detailsInfoLinks" href="#projects">Projects</a>
         </div>
       </section>
diff --git a/src/components/Technologies.jsx b/src/components/Technologies.jsx
index 5325165..f16fe53 100644
--- a/src/components/Technologies.jsx
+++ b/src/components/Technologies.jsx
@@ -6,7 +6,7 @@ import { techData } from "@/data/techdata.js"
 function Technologies() {
   return (
     <article id="tech" className="technologiesContainer">
-    <h2 className="experienceTitle">Experience</h2>
+    <h2 className="experienceTitle">Expertise</h2>
     <section className="experienceContainer">
     {techData.map((data) => {
       return (
diff --git a/src/styles/technologies.css b/src/styles/technologies.css
index b34a0a3..6d115b5 100644
--- a/src/styles/technologies.css
+++ b/src/styles/technologies.css
@@ -1,17 +1,22 @@
 .technologiesContainer {
   color: white;
+  display: flex;
   justify-content: center;
   align-items: center;
-  display: flex;
   flex-direction: column;
   min-height: 100vh;
   gap: 3rem;
   padding: 3rem;
 }
 
+.experienceTitle {
+  font-size: 3rem;
+}
+
 .experienceContainer {
   display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
   gap: 2rem;
 }
 
@@ -24,13 +29,15 @@
 }
 
 .experienceItemTitle {
-  
+  text-align: center; 
+  white-space: nowrap;
+  font-size: 2rem;
 }
 
 .experienceList {
-
+    padding-inline-start: 2em;
 }
 
 .experienceListItem {
-  
+  font-size: 1.5rem;
 }