About Page Mobile Responsiveness

[tresimovic]

WHAT DOES THIS PR DO?

• Fixes some padding and font-size issues on the About Page so it displays nicely on mobile screens.

• Before: (iPhone 12 Pro - 390x844 dimensions)

• After: (iPhone 12 Pro - 390x844 dimensions)

WHAT ISSUES ARE RELATED TO THIS PR?

• https://github.com/chrisj117/CS-472-GROUP-2-PROJECT/issues/126

HOW DO I TEST OUT THIS PR?

• Run the project locally
• cd web then npm run dev
• Go to http://localhost:5173/ in your web browser
• Navigate to About Page and then inspect the page
• Toggle the device toolbar and switch to iPhone 12 Pro dimensions
• Updated About Page should appear

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
cs-472-group-2-project	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 3, 2023 8:15pm
cs-472-group-2-project-backend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 3, 2023 8:15pm

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Comparison is base (9ceae5e) 100.00% compared to head (e73c0c3) 91.43%.

:exclamation: Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #133 +/- ## =========================================== - Coverage 100.00% 91.43% -8.57% =========================================== Files 1 29 +28 Lines 23 689 +666 Branches 6 6 =========================================== + Hits 23 630 +607 - Misses 0 59 +59 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[danielogen]

The changes look great so far...

[carrec-2]

I see the changes now

[tresimovic]

I have fixed the bug related to dark mode on a rotated mobile screen, thanks for catching it.