@AdrianoEscarabote
Posted
Olá Tiago, Tudo bem? Gostei bastante do seu código e do seu layout, mas tenho algumas dicas para você:
1- Vi que você estava tendo dificuldades para centralizar o layout em resoluções menores, conferi o código e fiz algumas mudanças:
fiz algumas mudanças no seu último media query:
.informations {
padding: 0 10px;
flex-wrap: wrap;
justify-content: space-evenly;
}
.information-right {
color:hsl(215, 51%, 70%);
display: flex;
align-items: center;
margin: 0;
}
.information-left { margin: 0; }
.avatar {
margin: 0;
display: flex;
align-items: center;
justify-content:center;
padding-bottom: 20px;
flex-wrap: wrap;
}
.avatar span { text-lign:center; padding: 10px; }```
Percebi que você usou muita margin tente evitar um pouco.
Espero que ajude 👍
Marked as helpful
@TiagoHenrique10
Posted
@AdrianoEscarabote Então Adriano estava mantendo o alinhamento da imagem, a discrição e por isso usei margens mas muito obrigado pela dica.