Hover scale transform causes layout shift in flex containers

[sonusharma6-dsa]

I'm using the card hover zoom class inside a flex layout, and when I hover over a card, it causes the neighboring flex items to shift slightly by a pixel or two.

Setting box-sizing: border-box or using outline instead of border/scale adjustment might prevent this layout shift. Let me know if there's a recommended workaround.

[github-actions]

Hey @sonusharma6-dsa! 👋

Thanks for opening this issue — you've been auto-assigned to it.

Before you start coding, please read the quick checklist:

• Make sure no existing issue already covers this idea
• Read the Contribution Guide before opening a PR
• Add files only inside the submissions/ directory (e.g., submissions/examples/your-feature-name/ or submissions/docs/your-feature-name/)
• Include demo.html · style.css · README.md in your folder
• Max 25 active issues per contributor — unassign others before taking new ones
• Join our official Discord Server (Optional - for general developer chat and support; official issues belong on GitHub!)

🕑 Inactivity rule: Issues with no progress for 24 hours (1 day) will be unassigned and reopened for others.

The maintainer will review your PR once submitted. Good luck! ⚡

[github-actions]

⚠️ Stale Assignment Cleanup: @sonusharma6-dsa, it has been more than 24 hours (1 day) since you were assigned to this issue and no open pull request referencing this issue was found. To keep the project moving, you have been unassigned.

If you are still working on this, feel free to claim it again when you are ready to open a pull request!

🔓 Status: This issue is now open and available for anyone to claim by commenting /claim. 🚀

[SAPTARSHI-coder]

🔒 Closing this issue as it is a duplicate of an existing issue. Please search before opening new ones!