@jesufemigan
Posted
Good work! A better way to position to "See All" button will be to use the "display: grid". To avoid the issue of other icons moving a few pixels down, I think this is because you did not add "box-sizing: border-box;" as a global style either in the body tag or create an "all" tag using *.
e.g * {box-sizing: border-box;}
@Pubstar
Posted
@ElpidaHope Thank you very much for the feedback! In this case the box sizing did not help, however I did read into it and had no idea this even existed! Seems really helpful thank you!
@jesufemigan
Posted
@Pubstar You're welcome. That means using border bottom will always increase the height of one of the images when you hover which will affect all other images in the container. A better approach will be to use the "::after" which will not affect the height of the image since it will be positioned absolutely. You can as well make some research. I hope it helps
Marked as helpful