Icons for Product Landing Page

Icons for Product Landing Page
0

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

https://codepen.io/Goldeyes/pen/vqRrvY

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:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page

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.

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