Solucionado
Segui todas as instruções direitinho mas a imagem das redes sociais continuam saindo cortadas (sai um inteiro e a metade dela do lado) segue abaixo meu código
.icones-redes-sociais li {
display: inline-block;
}
.icones-redes-sociais a {
width: 40px
height: 40px;
display: inline-block;
}
text-indent: -9999px;
.Github {
background-image: url(github.png);
}
.Twitter {
background-image: url(twitter.png);
}
.Linkedin {
background-image: url(linkedin.png);
}
Oi Alexandre, tudo certo?
Posta seu HTML também por favor.
Já verifique esses pontos:
text-indent não está inserido em nenhuma regraAbcs!
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="bio.html">Sobre mim</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
<ul class="icones-redes-sociais">
<li>
<a class="Github" href="https://github.com/joaodasilva">
Github
</a>
</li>
<li>
<a class="Twitter" href="https://twitter.com/joaodasilva">
Twitter
</a>
</li>
<li>
<a class="Linkedin" href="https://br.linkedin.com/pub/joão-da-silva/32/4/508">
Linkedin
</a>
</li>
</ul>ja arrumei o text-indent mas continua com o problema da logo
Aguardando resposta . . .
Alexandre, Verifiquei que o seu CSS tem um errinho na seguinte regra.
.icones-redes-sociais a {
width: 40pxFaltou adicionar o ponto e virgula para adicionar o comando.
.icones-redes-sociais a {
width: 40px;Poderia testar por favor?
Oi Alexandre,
Como conferiu o ponto-e-vírgula que a Talita mencionou? Seu código aqui nesse Jsbin está ok.
Abcs