Ion Stici

Latest comments

• 

  Hassan El Jebyly•490

  @hassaneljebylySubmitted about 2 years ago

  

  Notifications Page using flexbox

  #accessibility

  1

  30
  

  Ion Stici•1,370

  @ionSticiPosted about 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