Skip to content

[FEATURE] Card Layout Misalignment and Footer Overlap on Hover #61

@Avichal296

Description

@Avichal296

Is your feature request related to a problem?

When hovering over a card in the projects section (e.g., “Random Password Generator”), the popup card layout becomes misaligned. Additionally, there is no spacing between the bottom of the popup card and the footer, which causes the layout to look cramped.

In some cases, the hovered card also jumps or glitches downward when hovered, likely due to inconsistent height or transition behavior.

Image

Describe the solution you'd like

The popup card should maintain alignment with other cards when hovered.

There should be adequate space between the cards and the footer (at least 3–4rem).

Hover animations should be smooth and stable, without causing layout jumps.

Describe alternatives you've considered

Add a bottom margin to the card container (margin-bottom: 4rem; or mb-16 in Tailwind).

Give each card a fixed or consistent height to prevent jumping.

Apply a smooth hover transition

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions