I have used grid layouts and flex to center the card container

Hello, @MujtabaGhafari!

Your project looks very good!

Here's one suggestion for you to improve it:

• I noticed that your .card-container is growing and taking 100% of the screen width. If you set a lower max-width, it'll prevent that from happening and your project will look a lot closer to the original design. I tested reducing the max-width to 900px and it had a very good effect:

    max-width: 900px;  <<<<<<< Here
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 10px;
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.15);

I hope it helps!

It's not like you really need that, your project already looks great 😊. It's just a suggestion, in case you wanna improve it.