Build a Video Compilation Page - Build a Video Compilation Page

HTML-CSS
1

Tell us what’s happening:

Hey , plz someone help I’ve tried triple checking my code . I did the reset , dark mode removal and changed browsers which was suggested by the forums. At this point I’m roadblocked, again someone plz help a brother out lol .

Your code so far

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Video Compilation Page</title>
</head>

<body>
<main>
<h1>Daily Life Improvements for Man</h1>
<p>Navigating life as man could be mundane and monotanous. Find ways to change that and live beyond your wildest dreams</p>
<section>
  <h2> Title 1</h2>
    <p> Describe 1</p>
      <iframe 
      Width="560"
      Height="315"
      src="https://www.youtube.com/embed/0Tch0N5nsRU?si=kCYXG6KRXfmg6uPH"
        title="EMBEDDED 1"
        </iframe>
          </section>
<section>
  <h2> TITLE 2</h2>
      <p> Describe 2
      </p>
      <iframe
      Width="560"
      Height="315" 
      src="https://www.youtube.com/embed/ETRq4Mfkjus?si=6PtfuBFIsAf_YkK8"
     title="EMBEDDED 2"
          </iframe>
            </section>
 <section>
  <h2>Title 3</h2>
      <p> Describe 3
      </p>
      <iframe
        Width="560"
        Height="315"  
        src="https://www.youtube.com/embed/npQ2IORdlvU?si=SnUZI4_lSfPxwPGg"
        title="EMBEDDED 3"
      </iframe>
        </section> 
        </main>
</body>

</html>

Your browser information:

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

Challenge Information:

Build a Video Compilation Page - Build a Video Compilation Page

2

hello @hfxmc1990 welcome to the forum!

Did you close the opening tags of the iframe elements properly?

1 Like
3

Hi @hfxmc1990 kindly follow the advice of @sampatee.

And here one more thing which needs to be changed which is there shoudn’t be extra space between the h1 tag and it’s text, Kindly do remove it and if possible do remove it from other code lines too..

Hope You Understand.

1 Like
4

Hey Thanks, I fixed those issues and code still doesn’t pass. I have another issue where it only shows section/iframe 1 and 3 and not the 2nd. Also when I use > to close the opening< iframe (like this

1 Like
5

Hey, thanks yall I was able to figure it out . I was missing the > after the src, title , width , height attributes . thanks for your help

2 Likes
6

Looks like your issue is just small HTML mistakes the iframe attributes should be lowercase (width, height) and you’re missing the closing </iframe> properly formatted. Also try adding allowfullscreen inside the iframe, sometimes that helps it render correctly.