how do I make sure that no matter how big the width of the container is, all of the 3 images always are centered?
right now in full screen mode, all the images are aligned to the left.
how do I make sure that no matter how big the width of the container is, all of the 3 images always are centered?
right now in full screen mode, all the images are aligned to the left.
nevermind I think I figured out a way to do this.
Flex box is a lot easier when it comes to this. --> https://css-tricks.com/snippets/css/a-guide-to-flexbox/
I see. I will give it a try later.
Thanks!
.container {
display: flex;
justify-content: center;
flex-direction: row;
}
Then the container contains all your elements.