Responsive QR Coding UI Design

Hi Ankita Kumari! Good work I have one tip that might help you center element in the viewport. To center in the middle of the viewport you need to set a height, if not the page only have the height of you content(the card in this case). So you can add a mi-height: 100vh that said to the body that need to take all the height that you screen device has.

In you code:

body {
  background-color: hsl(226, 95%, 89%);
  font-size: 15px;
  display: flex;
  flex-direction: column;    //remove this line
  align-items: center;
  justify-content: center;
  margin: 4rem;    //remove this line
  min-height: 100vh;     //add this line
}

Hope this help you!

Good code!

Matias