Build a Video Compilation Page - Build a Video Compilation Page

HTML-CSS
1

Tell us what’s happening:

My middle section doesn’t seem to work. I copy and pasted the code from each section so there should be no discrepancies.

Your code so far

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

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

<body>
    <main>
        <h1>Best Dirt Bikes</h1>
        <p>Listed are the top three best dirt bikes one can buy</p>

        <section>
        <h2>KTM</h2>
        <p>Quite possibly the best off road bike ever made</p>
        <iframe 
        src="https://www.youtube.com/watch?v=IdztjmkDZJ0" 
        title="KTM XC 300 VS XCW 300"
        height="350"
        width="450"
        </iframe>
        </section>

        <section>
        <h2>YAMAHA</h2>
        <p>One of the most bullet proof bikes money can buy</p>
        <iframe
        src="https://www.youtube.com/watch?v=F4uc180MDq4" 
        title="YZ450Fx"
        height="350"
        width="450"
        </iframe>
        </section>

        <section>
        <h2>HONDA</h2>
        <p>Built for performance</p>
        <iframe
        src="https://www.youtube.com/watch?v=tUv3GFLh_yg" 
        title="CRF450X"
        height="350"
        width="450"
        </iframe>
        </section>


    </main>

</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.5 Safari/605.1.15

Challenge Information:

Build a Video Compilation Page - Build a Video Compilation Page

2

Hi. You have quite a few tests failing. Can you please explain which tests you would like help with. and say what you have tried.

3

Look carefully at your iframe its a syntax error , it is missing the closing angle bracket >

5

So when I close <iframe all my links to the videos appear invalid. All 3 sections show up but without videos. When I open iframe the video links become valid but he middle section disappears. all simply by adding the > on the end of iframe

6

You will need to fix all the syntax errors before proceeding here.

Use this online HTML validator tool to help you. Paste your code into it and click Check and it will print out a report. All the errors reported should be fixed.
Let us know if you are still in need of help after you’ve done that.

1 Like
7

Ok I figured it out now it was all about there I was closing I frame at. I didn’t realize it needed the > just before the iframe closing bracket. That caused it to have tons of errors with that in the wrong spot. Thank you!!

1 Like