Text in not visible(Popular,bhopal ...) properly in feature cars cards in home page.

[KalangiGeetaneha]

Describe the bug

The text labels (e.g., “Popular,” “Bhopal,” and other location or tag names) on the Feature Cars cards in the Home page are not clearly visible. The text color either blends into the background image or is partially obscured, reducing readability and visual clarity.

To Reproduce

Open the website’s Home page.

Scroll down to the Feature Cars section.

Observe the text labels (e.g., “Popular,” “Bhopal,” etc.) on each car card.

Note that the text is faint, poorly contrasted, or partially hidden against the background.

Expected behavior

Text labels on Feature Cars cards should be clearly visible and readable by:

Using high-contrast text color or a semi-transparent overlay behind the text.

Ensuring proper text alignment and padding.

Maintaining consistent font size and weight.

Guaranteeing visibility across all background images and screen sizes.

Additional context

[github-actions]

🙏 Thank you for opening this issue!

We appreciate your effort in contributing to this project. Our team will review the details shortly.

🔎 Meanwhile, please ensure that you have:

• Reviewed the README.md for project setup and guidelines.
• Gone through the CONTRIBUTING.md to follow contribution standards.
• Read the CODE_OF_CONDUCT.md to maintain a respectful community.

⚠️ Kindly note: Please do not create a Pull Request until this issue has been properly assigned to you. This helps us keep contributions well-organized. 🚀

Thanks again for your contribution! ✨

[Akashshelke07]

Hi @KalangiGeetaneha,

Thank you for identifying the visibility issue with the text labels on the Feature Cars section. Readability and proper contrast are key for both aesthetic consistency and accessibility.

Please proceed with implementing the following improvements:

• Apply a high-contrast text color to ensure visibility on all backgrounds.
• Consider adding a subtle semi-transparent overlay behind the text for better legibility.
• Maintain consistent alignment, font weight, and padding across all labels.
• Verify that the text remains clear on various screen sizes and devices.

Once you’ve made the changes, kindly include before-and-after screenshots in your pull request for review.

Your focus on improving clarity and accessibility contributes greatly to a polished and user-friendly design.