@atmahana
Posted
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