Qr solution

Some recommendations regarding your code that could be of interest to you.

• If you want to center it correctly, you can use flexbox and min-height in the body:

body {
  font-size: 15px;
  background-color: hsl(212, 45%, 89%);

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

• finally, you'd better add background-color: white for the card

Hope I am helpful. :)

nice work)) change background color and height of box