Landing Page stuck again (iframe video)

Landing Page part 4.2
https://codepen.io/kosmicMillard/pen/poNLRYM

Iframe   <iframe id="video" width="560" height="315" align="right"src="https://www.youtube.com/embed/iI2D4LbV6Os" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen <iframe/>

Rest of my landing page isn’t showing either because I this issue I think please help I’m a beginner still learning and this is abit annoying!

Help welcome,

P.s just remember I’m still a noob at this

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

The snippet you posted here is not what you currently have on your page. What I’m seeing on your page now is;

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

and it seems to be working.

Just really quickly there are some things you need to revisit;

  • 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.
    • Mentioning because you have elements out of order. Everything the browser renders belongs in the body element. R eview this for an understanding of the HTML boilerplate tags.
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.

You changed the iframe. make sure you open and close it properly:

<iframe>   <- I am closed here and I am closed properly there -->    </iframe>