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 :warning:
frontend/src/lib/components/FrontPageCard.svelte	0.00%	2 Missing :warning:

Additional details and impacted files

```diff @@ 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 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: 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

[sonarcloud[bot]]

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