Na parte do css de alinhar no centro os elementos, eles simplesmente não ficam alinhados, eles sempre ficam na borda do canto superior esquerdo igual o padrão da web. Já revisei varias vezes, mas também não sei se é por causa que o navegador da edge que não esta reconhecendo a mudança no código. se alguem puder me ajudar, eu agradeço.
Oi, Ester, tudo bem com você?
Esse tipo de situação pode acontecer por detalhes pequenos no código CSS ou HTML, ou até mesmo por um cache do navegador. Para conseguir te ajudar de forma mais precisa, peço que envie o seu código aqui no fórum, ou, se preferir, pode compartilhar por um arquivo zip pelo Google Drive ou até mesmo pelo GitHub. Assim consigo analisar exatamente o que está acontecendo e te dar uma orientação mais direta.
Fico no aguardo e a disposição :)
*{
margin: 0;
padding: 0;
}
body {
height: 100vh;
box-sizing: border-box;
background-color: black;
color: white;
}
.titulo-destaque {
color: #22d4fd;
}
a {
color: rgb(240, 255, 157);
}
.apresentacao {
margin: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.apresentacao__conteudo{
width: 615px;
}
Oi, Ester.
Na classe .apresentacao, você aplicou 10px de margin ao invez de 10%. Por isso o elemento não foi ajustado a ficar mais para o centro. Tente fazer essa mudança, se não resolver, me mande também o html por favor.
Fico no aguardo e a disposição :)