container div with coponents

Hello @ilyesmkb, good job!

just a quick note I noticed that you've centered the card vertically using margin, which might not consistently maintain the card at the center particularly when the screen size changes

Here's a simple trick to ensure the element remains centered:

.your-container-div /* or body */ {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}