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() {
Paul Hughes
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 (
- Experience
+ Expertise
{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;
}