diff --git a/src/App.scss b/src/App.scss
index a34c69e..a6a9d38 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -40,7 +40,7 @@ $purple200: #ce93d8;
.technologies-page {
.tech-scrollbar {
height: 5rem;
- width: 60rem;
+ min-width: 60rem;
display: flex;
align-items: center;
justify-content: center;
@@ -54,9 +54,10 @@ $purple200: #ce93d8;
justify-content: center;
position: relative;
left: 0;
+ top: 0.3rem;
font-size: 1.2rem;
font-weight: 700;
- margin: 0.3rem;
+ margin: 0 0.3rem;
padding: 1rem;
background-color: $purple200;
height: 5rem;
diff --git a/src/pages/Technologies.js b/src/pages/Technologies.js
index 12e4e1b..76c4c20 100644
--- a/src/pages/Technologies.js
+++ b/src/pages/Technologies.js
@@ -11,13 +11,12 @@ const { htmlTheme } = DocumentStyle;
export default function Technologies() {
return (
-
+
What technologies do I use?
+ These are my most often-used technologies:
- These are my most often-used technologies:
-
@@ -37,8 +36,8 @@ export default function Technologies() {
+ Here are some I use relatively often:
- Here are some I use relatively often:
@@ -57,8 +56,8 @@ export default function Technologies() {
+
And here are some things I'm working on learning:
- And here are some things I'm working on learning:
@@ -75,8 +74,6 @@ export default function Technologies() {
-
-
Home
)
}
\ No newline at end of file
diff --git a/src/styles/Style.js b/src/styles/Style.js
index 845052f..9250ee5 100644
--- a/src/styles/Style.js
+++ b/src/styles/Style.js
@@ -144,10 +144,9 @@ export const AboutMePage = {
export const TechnologiesPage = {
technologyCard: {
backgroundColor: indigo[50],
- width: '30vw',
- maxHeight: '10rem',
+ width: '40vw',
margin: '2rem',
- padding: '2rem',
+ borderRadius: '15px',
}
}