Fix : Verification for the responsiveness of the Homepage components

[suhaib-ilahi]

Description

Provide a brief summary of the changes made to the project and the motivation behind them. Include any relevant issues.
This pull request focuses on verifying and improving the responsiveness of the website’s main pages (Home and other key pages).
The goal is to ensure that all layouts adapt properly across different screen sizes — including desktop, tablet, and mobile devices.
Fixes #349

Type of Change

• New feature (e.g., new page, component, or functionality)
• Bug fix (non-breaking change that fixes an issue)
• UI/UX improvement (design, layout, or styling updates)
• Performance optimization (e.g., code splitting, caching)
• Documentation update (README, contribution guidelines, etc.)
• [ ] Other (please specify): ____________________

Changes Made

The file of the letter was minimally changed. The content was fetched using letter.letter, however there was no such attribute to be called.

Dependencies

• List any new dependencies or tools required for this change.
• Mention any version updates or configurations that need to be considered.

Add Screenshots

Checklist

• My code follows the style guidelines of this project.
• I have tested my changes across major browsers/devices
• I have tested my changes in development mode (npm run dev)
• I have written or updated related tests, if necessary
• This is already assigned Issue to me, not an unassigned issue.

[netlify]

👷 Deploy request for docmagic1 pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	8b170cb

[netlify]

👷 Deploy request for docmagic-muneer pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	8b170cb

[vercel]

@suhaib-ilahi is attempting to deploy a commit to the muneerali199's projects Team on Vercel.

A member of the Team first needs to authorize it.