Not able to show icons in Portfolio challenge

Tell us what’s happening:

I am not able to show icons on my webpage.
Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36.

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpageMy pen

Its not clear what icons you are trying to show. You will increase your chances of getting an answer if you give more information.

Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in the HTML editor. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.

Basically, you are not linking to font awesome correctly.
The JS editor in codepen is for JavaScript code.

Side note: the correct format is this
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>

Is this a076d05399.js yours? Asking because it’s not working however if I put in mine I do see the icons. If that is yours it appears to be corrupted so try and get another.

Also, you should get as many as you can of the user stories to pass prior to styling this way you’re not trying to make things fit by working back and forth.

1 Like