Hello 👋, Congratulations on completing the challenge! Consider a small improvement:
.notification {
border: 1px solid transparent;
transition: border 0.1s;
}
.notification:hover {
border: 1px solid var(--clr-neutral-500);
}
By defining the border property to the initial state set to transparent, it won't shake the layout when you hover over the notification
element (smoother user experience).
Happy Coding! 😌
Marked as helpful
0
Hassan El Jebyly• 490
@hassaneljebyly
Posted
@ionStici thank you for pointing that out, just fixed it
0