Phone and mail icons appear and not the Twitter icon

Hi Ben!

So there are few things that could affect this.

1. Do you have an image (twitter.png) in the same directory as other images?
2. Is your HTML correct? Do you have an anchor tag within a list item with a class twitter?

I don't see anything wrong with your code so check those two things and it should work.

Thank you for the amazing response time Markus.

1) Twitter.png is in the img folder so it's in the same directory 2) <li class="Twitter"><a href="http://twitter.com/intent/tweet?screen_name=nickrp">@nickrp</a></li>

Yes. I've got the anchor tag within a list item.

No problem. So it still doesn't work?

Try to change the CSS like this and see what happens.

.contact-info li.phone a { 
    background-image: url('../img/phone.png');
}

.contact-info li.mail a { 
    background-image: url('../img/mail.png');
}

.contact-info li.twitter a { 
    background-image: url('../img/phone.png'); // Test with another image that you know it works
}

Btw if you want to join our Slack group hit me with your email and I'll invite you there :)

Got it to work after a few tinkering and refreshing.

I really appreciate the effort and the speed of your responses.

I'm still on the trial version but I am very impressed about the quality of your site and service. I will definitely go on the membership once the trial is over and definitely will recommend this to my friends.

Thanks Markus. And what is the Slack group?

Okay that's great. I'm not sure what site you are talking about as it was mine. Just to be clear, I'm also a student of Treehouse.

Slack is a messaging platform in which I've made a group and trying to gather all the people who are interested. There people who are learning coding and web design can share their thoughts and help each other.

Okey. Let's invite me to the Slack platform.

Also, could you see what I did wrong? I couldn't get the logo to move to the left.

Here are my codes.

@media screen and (min-width: 660px){ /************ HEADER *************/

nav { background: none; float: right; font-size: 1.125em; margin-right: 5%; text-align: right; width: 45%; }

#logo { float: left; margin-left: 5%; text-align: left; width: 45%; }

h1 {
  font-size: 2.5em;
}

h2 {
  font-size: 0.825em;
  margin-bottom: 20px;
}

header { border-bottom: 5px solid #599a68; margin-bottom: 60px; }

}

bwong199@my.bcit.ca