This is my First Time doing this, Rate Please :'(
For further actions, you may consider blocking this person and/or reporting abuse
Read next
How PDFs Can Enhance Collaboration in Remote Work
Gary Kirsten -
Zero-Downtime PostgreSQL Migration: My Journey with DevCycle 🚀
Jackson Kasi -
User Interface (UI) Design: A Guide for Developers
Yuliana Sepúlveda Marín -
What’s New in React 19? A Quick Guide with Code Examples
Vladyusha -
Top comments (6)
It's a good start. As a usability rule of thumb, hovering something should never cause layout shift. In your case, when you hover the "Hover us please" text, it causes the width to change which in turn causes layout shift.
I've quickly updated your Codepen with a couple of changes to help show you how to center your box and use widths to avoid layout shift.
codepen.io/getreworked/pen/BaQxpBW
I also Made it in a way that the background color changes as you click on the icons :)
I've Worked on that too, I'll update the codepen now
great. check these out ianlunn.github.io/Hover/
Is there some way to be test
Hover on an Android phone with touch ?
Nice work, I would add some fixed with and height to the icons to make the hover effect more fluent.