Having issues with my background images

Hi people, I have having an issue with my personal profile page. I think I have a good plan for the layout and content (although I haven’t added that yet) but I am have issues with making a responsive background using images. I have managed to get the images to stack one below the other and stretch across the screen when the window size is changed but to make the images show up up I had to put a height property in. The problem with this is that as the image gets wider you see less of the image, so my question is how can you make it fill the screen and also show the full image height wise?

Thank you in advance for any help.

You can remove height from image1, image2 and image3.
Then add min-height: 100vh; to body, image1, image2 and image3.
It will extend all three images to full height of body area.

Ha, thank you that seems to be working a treat.

thank you again :slight_smile:

1 Like