Home page mobile responsiveness

[chrisj117]

WHAT DOES THIS PR DO?

• The Home page now has basic mobile responsiveness (mainly text scaling and appropriate element padding)
  • Text scaling could easily be "relaxed" and larger font sizes can be reintroduced if desired

WHAT ISSUES ARE RELATED TO THIS PR?

• 104

HOW DO I TEST OUT THIS PR?

• Run this project's front end locally (navigate to the web directory, run npm i, then npm run dev)
• The "Home" page should appear
• To test the mobile version in your browser, use "inspect element"
  • Current home page:
  • New home page, rendering at 399x844 (iPhone 12/13 dimensions):

[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		Nov 30, 2023 11:33am
cs-472-group-2-project-backend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 30, 2023 11:33am

[codecov-commenter]

Codecov Report

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

Comparison is base (86fa4d8) 91.14% compared to head (1557d33) 100.00%.

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

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #123 +/- ## =========================================== + Coverage 91.14% 100.00% +8.85% =========================================== Files 28 1 -27 Lines 666 3 -663 Branches 0 1 +1 =========================================== - Hits 607 3 -604 + Misses 59 0 -59 ```

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