Icons for Product Landing Page

HTML-CSS
1

Tell us what’s happening:

Hey, I’ve completed this challenge and the website passes the test for the challenge. The one thing that is bothering me is that I copied the code for the icons from the example website (https://codepen.io/freeCodeCamp/full/RKRbwL) and the icons are not showing up in my website. I’ve gone and found the html code for fire icon from the internet and compared it to what I have and didn’t see any difference. So at this point I’m stumped on how to get the icons to show up on my website.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0.

Link to the challenge:

2

The icons come from Font Awesome. The problem is, you didn’t import it. To get it, go to Pen Settings --> CSS --> Add a StyleSheet --> Paste this link in: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css --> Save & Close.

To get the same size for the fire icon, you just need the fa-3x there too.

1 Like
3

@Steffan153 Thanks I would not have thought to check the settings. Now my website is as pretty as I want it to be.