You are on page 1of 2

IMAGES OVERFLOWING?

Some of you might have noticed that the last image in the portfolio section seems to be
overflowing by a few pixels:
Of course you are totally right! There’s a piece of CSS I thought I had put in place that I totally forgot about
(so it didn’t make its way in the code and in the video recording).

Here’s what you need to fix the issue:

.work figure > img {


width: 100%;
}

The .work blocks are already correctly positioned. We just need to tell each image to conform its
width to the horizontal width of its parent (the figure element) instead of using its original
dimensions. The image height will automatically follow, to keep the correct aspect ratio.

Kudos to Md. Rakibul and Jeremy to bring it to my attention!

You might also like