CSS grid (how to center cards)

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.


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

Then the container contains all your elements.