How to place space between images?

Question

How do you place space between images that are on the same row, but at the same time keep them centered so that when the webpage is made smaller, the images don't go off center? Like I'm placing margin-right: 30px between images which makes them have space between, but when I decrease the size of the browser, the images push off to the left side. How do I have space between but keep the images perfectly centered for the html body size?

Answer 1

You will have to play with Box model design, plus test it on a live mobile device rather than playing around with the browser's size.

All in one solution for you:
https://css-tricks.com/

Answer 2

Maybe you would like to do the Responsive Web Design course on sololearn?