My friend requested that I look into an issue on his website. In the portfolio section, there is a border around the div
and a rollover effect when hovering over the images. However, there is a strange problem where the box containing the image and data is 5px taller than it should be.
The image is square, and all parent elements have width
and height
set to 100%
, with no padding or margins that could explain the extra height. I am unable to identify the cause of this issue.
Can someone please help locate where this is happening and suggest a solution?
You can view a sample code demonstrating this problem here.
Thank you!