Responsive Images Help

1

Hey there! I am currently working on the Survey Form project for FCC. I added some images to my “Hometown” bullet points and they resize fine when I change the browser. But if I make the window too much smaller, the images only resize down to a certain point, so the formatting on the smaller browser window is off.

Here is a link to the CodePen: https://codepen.io/kcleary/full/ZEWWZjx

I know I did something wrong but I just can’t seem to figure what exactly. Any help is greatly appreciated. Thank you :slight_smile:

2

Hi,
It looks good! I would add a media query so that on narrow screens, the images stack vertically instead of horizontally. If they still go off the edge, set a max width for the images.

1 Like
3

This was exactly what I needed! Thanks so much :hugs: