How do I change the icons from the contact box?

I took a look at the CSS on your page to get an idea of where you're currently at. So the information on how to replace the icons that you got missed one tiny detail: CSS cannot replace the src property of an element. Basically, what this means is we can't replace the default icons, but what we can do is remove them and add in new ones very easily! We just have to add one extra step to the CSS in your About Me and make one modification to your current selector.

Here's how we can acheive this:

1. Find the img.icons selector in your Style tag.

2. change "img.icons" to ".contact img.icons". This will ensure that we are only working with the icons in the contact box and nothing else on the page.

3. Remove every property you've defined in that selector (everything between the curly brackets under what is now ".contact img.icons")

4. With a clean slate add this: "display: none;" this will remove the current icons from the text box.

5. Underneath the .contact img.icons selector, lets create a new one. This is going to target the links inside of your contact box, then add something that comes before each link. In this case, we're adding your custom icons! Instead of going through the process of explaining each property I'm just going to paste what your final CSS should look like and you can ask me any questions you might have about how it works and I'd be happy to get back to you as soon as I can:

This last bit is optional, but if you'd like all the icons to line up on the left-hand side add this property: "float: left;"