From 1eb1efe98b1c1693e5342e8dd0f8aed7d21d4c9d Mon Sep 17 00:00:00 2001 From: AbrahamNobleOX Date: Thu, 31 Jul 2025 10:38:50 +0100 Subject: [PATCH 1/2] fix: Buttons overlap and overflow in mobile view (enhance buttons and greeting styles for better responsiveness) --- src/components/button/Button.scss | 11 +++++++++++ src/containers/greeting/Greeting.scss | 5 +++++ 2 files changed, 16 insertions(+) diff --git a/src/components/button/Button.scss b/src/components/button/Button.scss index e9058b69dd..ee501f05a9 100644 --- a/src/components/button/Button.scss +++ b/src/components/button/Button.scss @@ -38,10 +38,21 @@ font-size: 0.938rem; padding: 12px 18px; margin-right: 0px; + width: 100%; + margin: 10px auto; + } +} +@media (max-width: 480px) { + .main-button { + font-size: 0.875rem; + width: 90%; + padding: 10px 15px; } } @media (max-width: 320px) { .main-button { font-size: 0.75rem; + width: 95%; + padding: 8px 12px; } } diff --git a/src/containers/greeting/Greeting.scss b/src/containers/greeting/Greeting.scss index 647d792af9..08938e674d 100644 --- a/src/containers/greeting/Greeting.scss +++ b/src/containers/greeting/Greeting.scss @@ -40,6 +40,9 @@ } .download-link-button { text-decoration: none; + width: 100%; + display: flex; + justify-content: center; } .greeting-text { @@ -102,6 +105,8 @@ @media (max-width: 768px) { .button-greeting-div { justify-content: space-around; + flex-direction: column; + align-items: center; } .greeting-text { font-size: 30px; From cadf4186dee45e8428b4af804c959c63d42ec343 Mon Sep 17 00:00:00 2001 From: AbrahamNobleOX Date: Tue, 19 Aug 2025 08:48:54 +0100 Subject: [PATCH 2/2] docs: improve note about configuring environment variables --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index e938bba309..d8f87bf98c 100644 --- a/README.md +++ b/README.md @@ -83,7 +83,11 @@ cd developerFolio cp env.example .env # For Windows copy env.example .env +``` + +NOTE: You must configure environment variables before running your portfolio, as certain components rely on API data. Failure to do so will result in a 401 Unauthorized error. +```bash # Install dependencies npm install