This is my First Time doing this, Rate Please :'(
For further actions, you may consider blocking this person and/or reporting abuse
Read next
AI Web Developer - GitHub Spark
TheDev -
Exploring ChatGPT's New Search Feature: A Powerful Tool for Real-Time Information
Muhammad Essa -
Experiences and Caveats of Svelte 5 Migration
kvetoslavnovak -
A Developer’s Guide to Choosing the Best Notification Platform
Emil Pearce -
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.