html and css foundations

Hello @Dhananjaysutwane!

Your project looks very good!

You can center the card like this:

  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);

and change the height from 55 to 75:

height: 75%;

Hope it helps!

Other than that, great job!

Good job, but there is something to improve your skills.

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

You can use this block to get the card in the middle of the page. Also you can give your main-section a max-width property not to expand too much.

Good code...

Enis