## 🐛 Issue: Improve Homepage Responsiveness Across Mobile Devices

[Adithyakp86]

🐛 Issue: Improve Homepage Responsiveness Across Mobile Devices

Description

The homepage layout is not fully responsive on smaller screen sizes. Some elements overlap, while others are not properly aligned, affecting the overall user experience.

Expected Behavior

• The homepage should adapt smoothly to different screen sizes.
• Text, images, and buttons should remain properly aligned.
• Navigation should be easy to use on mobile devices.

Possible Solution

• Use responsive CSS with media queries.
• Adjust spacing, font sizes, and component layouts for mobile screens.
• Test across multiple device widths.

Labels

• enhancement
• good first issue
• frontend
• responsive-design

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[github-actions]

Thanks for opening this issue! 🚀

Please adhere to Apertre'26 Rules:

1. Do NOT create a PR until this issue is assigned to you.
2. Include apertre3.0 tag.
3. Provide ONE Difficulty Tag (easy / medium / hard).
4. Include screenshots if it's UI-related.

A mentor will review and assign this issue soon.