HTML Web Developer #1 | Página de login do Instagram

1️⃣ Objetivo

Recriar a página inicial de login do Instagram utilizando CSS com Flexbox.

2️⃣ Descrição

Este projeto foi realizado como parte do Bootcamp HTML Web Developer, oferecido pela Digital Innovation One (DIO).

A atividade foi conduzida pela instrutora Gabriela Pinheiro, que disponibilizou todo o material de referência necessário em seu repositório no GitHub.

Com este exercício, buscou-se fortalecer conceitos como:

• Estilização dos elementos.
• Posicionamento com Flexbox.
• Responsividade em layouts.

3️⃣ Principais Modificações

Durante o desenvolvimento, realizei quatro alterações em relação ao modelo original:

• Uso de variáveis CSS para gerenciar as cores, facilitando a manutenção do código.
• Reduzi o tamanho da imagem do telefone (height) de 48rem para 43rem, eliminando a barra de rolagem indesejada.
• Adicionei um media query com max-width de 360px, garantindo melhor adaptação para dispositivos menores, como meu velho Samsung Galaxy S3 mini. 😇
• Para maior acessibilidade, incluí as imagens dos botões da App Store e Google Play com texto em português.

4️⃣ Tecnologias Utilizadas

Linguagens

 

Ferramentas

  

5️⃣ Créditos

Agradeço à instrutora Gabriela Pinheiro e à equipe da DIO pelo excelente conteúdo, que contribuiu demais para o meu aprendizado e para a construção do meu portfólio.

• Digital Innovation One | DIO 🔗

6️⃣ Licença

Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações.

---

Gostou do projeto? Deixe uma estrelinha