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

Não altera os icones

Bom dia a todos! Eu fiz as mudanças porém na hora que eu atualizo a página continua sendo a mesma, não ocorre a alteração! Meu código está assim:

<ul class="redes-sociais">
                <li><a href="https://github.com/git-joaodasilva"><img src="github.png" alt="Github"></a></li>
                <li><a href="https://twitter.com/twitter-joaodasilva"><img src="twitter.png" alt="Twitter"></a></li>
                <li><a href="https://br.linkedin.com/pub/linkedin-joao-da-silva/32/4/508,"><img src="linkedin.png" alt="Linkedin"></a></li>
            </ul>

e no CSS está assim:

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

já coloquei por id e também não funcionou. Já olhei no restante do meu codigo, e não tem nenhuma configuração que possa predominar em cima desta citação! Me pergunto agora se é algum padrão do navegador!?

5 respostas

... Galera olhei aqui e vi que com display em inline-flex, eu consegui fazer a alteração! Mas pode isso?

Tassiano, tudo bem? O inline-block deveria funciona da mesma forma que é mostrado na aula. Que navegador e versão você está usando? E o sistema operacional?

Poderia colocar seu projeto no github ou criar um zip dele pra gente testar?

Boa tarde Wanderson Macêdo Eu consegui depois que dei uma olhada na resposta do Instrutor pois não havia colocado a tag <'li> depois do .redes-sociais no arquivo CSS. Porém me abriu novamente uma dúvida! Mesmo assim era para ter funcionado, correto?

Eu estou usando o Chrome para estudo.

solução!

Bom, pensando bem, na verdade não. O display inline na tag ul vai fazer a lista poder ficar lado a lado com outro elemento. Os itens dela ainda continuarão um abaixo do outro. O inline-block precisa ser aplicado aos itens dela, ou seja, nos li.

Entende?

Bom dia meu caro! Muito Obrigado, agora entendi!