Fix Hover Issue with Trending Deals Cards Overlapping Bottom Cards

[ansiace]

Description

I have identified a bug where the Trending Deals cards overlap with the bottom of other cards when hovered. This creates a cluttered and inconsistent UI experience.

Problem:

• When hovering over a Trending Deals card, the card expands and touches the bottom of other cards.
• This issue negatively impacts the visual structure and usability, especially on smaller screens.

Screenshots

Any additional information?

No response

What browser are you seeing the problem on?

No response

Checklist

• [X] I have checked the existing issues
• [X] I have read the Contributing Guidelines
• [X] I'm a GSSoC'24-Extd contributor
• [X] I'm a Hacktoberfest'24 contributor
• [X] I am willing to work on this issue (optional)

[github-actions[bot]]

Hello ansiace! Thanks for opening an issue in Ezyshop! 🚀

• We'll get back to you as soon as possible.

• Hope you star our Repo.

• Join our Discord Server to collaborate and discuss further.

[mdazfar2]

@ansiace Issue acknowledged! You are going to be assigned.

Hope you know that our website is fully converted to the Next.js and Tailwind CSS framework, so you have to work accordingly.

• Read our Contributing guidelines and make sure to contribute accordingly.

Thank you!