Notifications Page using flexbox

Community feedback

• 

  P

  Ion Stici•1,230

  @ionSticiPosted almost 2 years ago

  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

  @hassaneljebylyPosted almost 2 years ago

  @ionStici thank you for pointing that out, just fixed it

  0