CSS grid (how to center cards)

CSS grid (how to center cards)
0

#1

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.


#2

nevermind I think I figured out a way to do this.


#3

Flex box is a lot easier when it comes to this. --> https://css-tricks.com/snippets/css/a-guide-to-flexbox/


#4

I see. I will give it a try later.

Thanks!


#5
.container {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

Then the container contains all your elements.