Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • P
    Ion Stici 1,230

    @ionStici

    Posted

    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