Please help! Build a Product Landing Page

Tell us what’s happening:
My header seems to cover the text in my ordered list. My Fa icons aren’t showing up. My embedded video is also messed up.
I have attached my code pen. Can someone have a look at my code please? I’ve been trying to correct these issues for hours.

https://codepen.io/mah752/pen/bGgXyBV?editors=1100

Your browser information: https://codepen.io/mah752/pen/bGgXyBV?editors=1100

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

Challenge: Build a Product Landing Page

Link to the challenge:

Hi @hmaryan86 !

I can see your nav links so maybe you fixed that issue. But I do think the nav bar is to large. So you might consider making the height smaller.

It looks like you didn’t include the font awesome link in your code.
You can use this cdn link in your html section.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />

This is the proper code for your youtube video. You needed to click on share, and then embed to copy the code.

<iframe width="560" height="315" src="https://www.youtube.com/embed/ZOIspsrbiZs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Thank you so much for replying. I really appreciate that you have looked at my code. I will embed the suggestions you have given me. :slight_smile: