Neste projeto Bootcamp HTML Web Developer oferecido pela Digital Innovation One, o desafio era reconstruir a página inicial de login do Instagram, no qual foi abordado o conceito sobre CSS utilizando Flexblox, que é uma metodologia de posicionamento de elementos em tela mais utilizada no mercado web assim como conceitos de responsividade feitos nesse projeto. Clique aqui para ver o projeto ✔️
-
Media Queries -
Responsividade -
Flexbox -
HTML5 (Semântico) -
FavIcon via url
Abaixo o exemplo de Media queries utililzadas em CSS3
@media (max-width:1024px) {
.instagram-wrapper {
width: 90%;
}
}
Abaixo o modelo web e mobile responsivo :
