sprucegabriela/instagram-dio

Oi, tudo bem? Chegou aqui através do curso, certo? 🙃

Esse é o repositório da nossa aula de Flexbox, na qual vamos fazer a interface de login do Instagram!

Os requisitos são:

• HTML básico
• CSS básico

🚀 Let's code! 🚀

instagram-dio's Issues

Flexbox problemas com a posição

Gabriela, segui o passo a passo da sua aula de reprodução da página inicial do Instagram mas tive problemas.
As colunas não ficaram centralizadas, ficaram um pouco mais para a esquerda e ficaram muito distantes entre si.
Para solucionar coloquei 20% de margem direita no .instagram-wrapper e -170px de margem esquerda no .instagram-contiue
Achei a solução feia, mas foi o que funcionou.
Você teria alguma orientação diferente para me passar para essa solução?
Obrigada!

Problemas com responsividade

Na parte do código:

.instagram-phone {
display: none;
}
era pra quando a resolução chegar a baixo de 650px ele remover a imagem mas no meu não remove e fica um resultado estranho:

Problema com a classe profile-photo

Na classe .profile-photo tive que adicionar um margin-bottom: 15px; para "descolar" o botão de "Continue como sprucegabriela" da foto do perfil... Vi e revi o vídeo e o código aqui do repositório e não achei nenhuma diferença, apenas essa.
.profile-photo { display: flex; justify-content: center; align-items: center; border-radius: 50%; overflow: hidden; margin-bottom: 15px; }

Imagens não são exibidas corretamente

Boa Noite Gabriela, recriei a tela de login do instagram seguindo o seu vídeo do bootcamp HTML Web Developer, porém as imagens da loja do Google e da AppStore, o que poderia ser feito para que as imagens aparecessem por inteiro ao invés de aparecer só uma parte

?

Primeira vitória - recriando tela do instagram

Olá Gabriela

recriei a primeira tela do INSTAGRAM... de uma olhadinha.rsrsrsr.. https://github.com/otavioaugust1/Recriando_Instagram.git
ah sim, minhas contribuição:

HTML

• coloquei em português //
• coloquei a meta de autor //

Instagram

Trabalho instagram

Não consigo usar o GIT PUSH

Gabriela bom dia, segui todos os passos do seu curso, mas nao consigo push nos arquivos, da msg de erro.

$ git push origin master
fatal: 'origin' does not appear to be a git repository
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

Recriando a pagina inicial do Instagram

Adicionado uma "margin: 30px;" no .instagram-phone
Adicionado uma "margin-bottom: 15px;" no .profile-photo