Solução usando HTML5 e CSS

Olá! 👋 O design parece muito bom, bom trabalho!👍

A primeira coisa que quero dizer é que fiz um vídeo sobre esse projeto e você pode ver como eu o codifiquei:

QR code component coded by DalaScript

Eu construí este projeto usando:

• HTML
• SCSS
• BEM
• Mobile-first workflow

Aqui estão algumas dicas para melhorar este projeto:

• Primeiro, o que você precisa é usar elementos semânticos. Muitas vezes, você usa o elemento <div></div>, que não é semântico.
• Primeiro, devemos começar com o design para dispositivos móveis primeiro📱, para que tenhamos benefícios como Melhor experiência para dispositivos móveis🌟, Código mais simples🔧, Sites mais rápidos⚡, É mais fácil adicionar mais depois➕. Em vez de @media screen and (max-width:) você usa media screen and (min-width).

Boa sorte!🍀 DalaScript