QR code component

Greetings Kavman! you have done a great job

I tell you:

• For some reason, with grid you are not aligning the article horizontally on the screen, that is, the content is not completely centered on the screen. But, if you apply flex instead, if it centers it, why? I really don't know haha, so you could leave the body like this:

body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* It's better than just using height */
    gap: 20px; /* Leave a space between the article and the footer */
    max-width: 1440px; /* If the screen has a width greater than 1440px the rest of the space will be blank, so I would remove this property or leave it at 100% */
    background-color: hwb(212 84% 6%);
    font-family: "Montserrat", sans-serif;
}