QR code component

Hey, how's it going? Pretty nice work!

You almost got it right, but forgot some things:

.container {
    display: flex;
    flex-direction: column;
    align-items: center; 
    height: 100vh; /* to set your view height at 100vh of the screen */
    justify-content: center; /* to set your content horizontally in the middle of the screen */
} 
.qrcode {
    background: hsl(0, 0%, 100%);
    /* margin-top: 40px; // remove this line */
    /* padding-top: 20px; // remove this line */
    /* padding-left: 20px; // remove this line */
    /* padding-right: 20px; // remove this line */
    /* padding-bottom: 40px; // remove this line */
    padding: 20px 20px 40px; /* you can avoid the verbosity by declaring all sides padding by passing the properties in PADDING: the first argument is about top, second: right, third: bottom, fourth: left */
    border-radius: 20px;
    width: 250px;
}