Frontend | Perfume Product

Hello Ammar,

You designed the card really well. :)

To center your card you should do the following:

min-height is the best option as it will change when needed(i.e enable responsiveness). Plain height property won't allow responsiveness.

body{
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

Mr.Ammar you can put your main content inside of main tag for better accessibility or put a role attribute with a value of main in your card-container element <div class="card-container" role="main">. By the way nice job.