QR Code component HTML/SCSS

Oi Cauê Souza, tudo bem?

Gostei muito do resultado do seu projeto, mas tenho algumas dicas que acho que você vai gostar:

Como você sabe, este projeto é baseado apenas em um componente de página, portanto, não é necessário h1! pois não sabemos se esta página terá um componente mais importante, mas é sempre bom prevenir erros de acessibilidade então acho que seria bom você adicionar um h1 nesse componente, além de ser uma boa prática para quando você está desenvolvendo sites maiores, não se preocupe, esqueça o h1.

main {
    min-height: 100vh;
}

Use min-height em vez de height, pois quando o conteúdo for além de main o conteúdo acabará sendo ocultado! faça o teste aumentando a altura do article!

o resto é ótimo!

espero ter ajudado... 👍

To properly center your content to your page, you will want to add the following to your Body element (this method uses CSS Grid):

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

A little advice that they gave me before :3 I hope this helps! Keep up the good work!