Notifications page with vanilla JS

Community feedback

• 

  Zubair Adham•400

  @atmahanaPosted about 1 year ago

  Hello there. The border property will always take up space. Since you have defined the fixed width for the img element, border will take up space within the element's dimension.

  I would suggest using outline to fix the issue since outline is rendered outside the element's content and won't affect the layout.

  You can learn more about these two property here: border and outline

  I do also noticed that you are using position: absolute on the notification-picture class but you already have these on the parent element

  display: flex;
  justify-content: space-between;
  

  If you want to adjust the position of the image, you can just use margin or padding instead of absolute positioning.

  Marked as helpful

  1