Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

inline-block

Olá, no exercício 04 Imagem Replacement (https://cursos.alura.com.br/course/introducao-html-css/task/5434), pede se para modificar as imagens das redes sociais, contudo, quando modifiquei o códido do html para o css, as imagens deixaram de ficar lado a lado, sendo que antes estavam e agora estão umas em cima das outras mesmo eu tendo inserido o display inline-block , pois não consigo identificar qual(is) erro(s) eu cometi.



.icone-rede-social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-indent: -99999px;

}

.github{
    background-image: url(github.png);
}
.twitter{
    background-image: url(twitter.png);
}
.linkedin{
    background-image: url(linkedin.png);
}
2 respostas
solução!

Raphael, não será pq o display:inline-blockdeveria estar no lie não no a? Pelo que vi, o a é block mesmo.

.icones-redes-sociais li {
    display: inline-block;
}

Veja e me avise?

Abraço

É isso mesmo Thiago! Obrigadão!