Cannot add video to codepen (product landing) also better code

Code Feedback
1

https://codepen.io/aru1302/pen/NWGydWe

for some reason the video is not appearing on the page. However some other videos are appearing.
Perhaps it’s because there are copyright restricitions on the video?
Can you please help me?
The problematic div id is #about

Also my code is extremely repetitive and if you guys could help me with that too I’d be grateful. Thanks

2 
<iframe width="560" height="315" src="https://www.youtube.com/embed/5fDBl1wT2Lk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Maybe try something like that for your vid?
Also, you should add the test script that FCC provides for your web design projects, it’s kinda like their grading system for the projects. But other than those 2 things I don’t see any other problems. Maybe make the site a bit more reactive? Like when you hover over the pricing divs you can make them change color or font-size? But that’s just a nit-pick.

Regards
Ma3_str0

1 Like
3

Will do. Thanks a lot!!! :slight_smile:

4
  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • This is HTML5 and for the iframe element the frameborder attribute is obsolete. Use CSS. Plus, there are coding errors you should address.
  • I’m guessing you’re not done since all user stories aren’t yet passing. Wanted to make you aware of some coding errors so you could address them sooner rather than later.
1 Like