Contact icons not appearing right

Interesting...

I can't see anything wrong with the code itself, as i have used the exact same code

.contact-info a {
  display:block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  margin: 0 0 10px;
}

It's the background-size element that would be doing the reshaping of the icons. Try change it to something very big like 100px to see if there is any difference at all? Or/and create another separate rule in your main.css with just the background-size itself and check that.

Hi, Try adding in: "background-color: orange;" , in this way you will see what get's selected. Did you also check you defined it as a class instead of an id, because otherwise you need to use a #. Hopefully you will figure it out!

Best, Rolf

Hey guys! Thanks for helping! I changed both the background color and the size, and it indeed changed. When I changed it back and refreshed, the issue resolved. I have no idea what I did to make the issue fix itself. Maybe there's something wrong with workspace or I forgot a semicolon.

Edit: Background-size was missing a colon. You can see it in my posted code above. I feel stupid; I spent hours trying to figure out what went wrong.