QR code component using HTML and CSS

Hi there! Great work finishing this challenge!

To center the card vertically and horizontally you can use grid or flex on the body:

with grid:

body { 
    min-height: 100vh;
    display: grid;
    place-content: center;
}

• Here is more info about display grid
• Here is a fun game to practice with grid properties

with flex:

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

• Here is more info about display flex
• Here is a fun game to practice with flex properties

Hope this helps!

You should try and learn about flexbox method :)