Skip to content

frantend/instagram-page-login

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Página inicial do Instagram

💻 Projeto

Esse projeto foi desenvolvido através do bootcamp HTML Web Developer oferecido pela Digital Innovation One - DIO. O projeto teve como objetivo recriar a página inicial do Instagram, que consiste na página de login. No seu desenvolvimento se usou HTML e CSS, onde na configuração do CSS foi utilizado para entender o seu conceito e uso a propriedade Flexbox para o posicionamento dos elementos e a funcionalidade de responsividade para que o layout do site se posicione adequadamente em telas de computador, tablet (1024px) e celulares (650px).

O resultado da aplicação pode ser acessado através da seguinte URL: https://frantend.github.io/instagram-page-login

📋 Tecnologias

O projeto foi desenvolvido com as seguintes tecnologias:

  • HTML
  • CSS

🎨 Layout

pagina_inicial_instagram_desktop

👩‍💻 Mudanças implementadas:

  • Foto dos dois celulares: No projeto original só era usado um.

  • Tamanho das boxs: Tentei deixar o mais próximo possível do real.

  • Responsividade: Tentei ser o mais fiel possível aos tamanhos de tela, que percebi que era usado inspecionando a página original, mas tive um pouco de dificuldades para implementar algumas coisas com as Flexboxs.

  • Alterei a largura das imagens ".app-download" (para baixar o aplicativo) de 10rem para 10.2rem, pois a primeira estava sendo cortada no lado direito.

About

Recriando a página inicial do Instagram

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published