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', } }