Este projeto foi criado como parte do desafio do Frontend Mentor para construir um componente de QR Code. O foco principal foi criar uma solução simples e responsiva usando apenas HTML e CSS.
O objetivo deste desafio é construir um card de QR Code que seja responsivo em diferentes resoluções de tela, mantendo um design consistente e seguindo boas práticas de semântica e acessibilidade.
- HTML5: para a estrutura semântica da página.
- CSS3: para a estilização, incluindo layouts flexíveis e responsividade.
- Design responsivo que se adapta a diferentes tamanhos de tela, até 1440px de largura.
- Estrutura semântica utilizando tags HTML corretas para acessibilidade.
- Layout centralizado e simétrico, adequado tanto para mobile quanto para desktop.
A estrutura do projeto segue um layout simples, com os seguintes arquivos principais:
index.html: arquivo principal que define a estrutura básica da página.styles/variables.css: arquivo de variáveis de cores e fontes.styles/index.css: arquivo de estilos que estiliza a página.images/: diretório que contém as imagens utilizadas no projeto.
acesse o link do deploy: https://wellingtonguedesdev.github.io/qr-code-component-main/
ou
git clone https://github.com/seu-usuario/qr-code-component.gitAbra o arquivo index.html no seu navegador.
Este projeto foi desenvolvido como parte do desafio Frontend Mentor. Design e especificações fornecidas pela plataforma.