fixing the alignment of elements on the front page

[Majapur1]

• Changes the alignment of elements on devices with different screen sizes

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 0% with 4 lines in your changes missing coverage. Please review.

Project coverage is 30.04%. Comparing base (d7717bd) to head (9ca59cf).

Files with missing lines	Patch %	Lines
frontend/src/lib/components/FrontPageAbout.svelte	0.00%	2 Missing ⚠️
frontend/src/lib/components/FrontPageCard.svelte	0.00%	2 Missing ⚠️

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #179   +/-   ##
=======================================
  Coverage   30.04%   30.04%           
=======================================
  Files          99       99           
  Lines        3245     3245           
  Branches       87       87           
=======================================
  Hits          975      975           
  Misses       2198     2198           
  Partials       72       72           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

---

🚨 Try these New Features:

• Flaky Tests Detection - Detect and resolve failed and flaky tests
• JS Bundle Analysis - Avoid shipping oversized bundles

[lkeegan]

one suggestion, otherwise lgtm

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud