Olá! Meu código não estava funcionando no CSS, li todo o forum e não encontrei uma solução, até que resolvi ao inves de colocar:
.twitter {
background-image: url(../img/twitter.png);
}
eu acrescentei aspas e tirei 1 ponto do inicio do código, e ai deu certo! Porém eu resolvi testando e não entendi o porque que deu certo! Gostaria de entender melhor a relação dos pontinhos...
meu código deu certo assim:
.twitter {
background-image: url("./img/twitter.png");
}