Margin between my social icons unchanged :(

Figured it out. Easy mistake. Margin was misspelled as marin. Added the g and prob solved. NM! :)

First of all, margin is misspelled in the code you provided (so make sure you double check your stylesheet if you copied and pasted this from there). Secondly, "a" tags are displayed as inline elements by default, so the images inside the a tags will not be able to apply the margin because the inline "a" tags are forced to take up only as much space as needed (meaning that it will only display the image tags inside of them by themselves with no margins). What I would do is set the <a> tags to display:inline-block and then adding the margins to the "a" tags themselves like this:

a.social-icon {
   display:inline-block;
   margin:0 5px;
}

a.social-icon img {
   width:20px;
   height:20px;
}

as you can see I also added the class "social-icon" to the "a" tags instead so that you can apply the margins to the "a" tags and then apply the dimensions to the "img" tags.

Let me know if this works, I tend to make errors myself but I'm quick to fix up my code :)