Qr Code Frontend Mentor

Este é um desafio do site Frontend Mentor, no qual o objetivo era recriar um componente simples de cartão com um QR Code. É um projeto voltado para a prática de HTML e CSS, com foco em estruturação, estilização e layout responsivo.

🚀 Tecnologias usadas

HTML5

CSS3

Google Fonts (fonte "Outfit")

Reset CSS

Ferramentas de apoio: vídeos tutoriais e IA (ChatGPT)

🎯 Objetivos

Praticar a criação de componentes com HTML e CSS.

Aplicar conceitos como:

Centralização com Flexbox.

Responsividade.

Organização de arquivos (HTML separado do CSS).

Uso de fontes externas.

🧠 Como fiz

Fui direto ao código. Me baseei no layout do desafio, escrevi o HTML com a estrutura básica e depois criei os estilos CSS para aplicar o design. Usei vídeos de referência e apoio da IA para tirar dúvidas pontuais. O processo foi direto, mas muito útil para praticar o essencial do front-end.

📁 Organização dos arquivos

   qr-code/
      │ └── src/
      │      ├── css/
      │      │    ├── estilos.css
      │      │    └── reset.css
      │      └── images/
      │             ├── favicon-32x32.png
      │             └── image-qr-code.png
      ├── index.html
      ├── README.md
      └──.gitignore

🔗 Link do Projeto

Veja o projeto aqui