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.
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:
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.
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.