Build a Video Compilation Page - Build a Video Compilation Page

HTML-CSS
1

Tell us what’s happening:

I have errors about my section element, and that each one should contain a h2/p/iframe element. I also have errors about my third and final iframe element.

My code:

Video Compilation Page

Front End Web Development

Front End Web Development involves designing and building user interfaces of websites using HTML, CSS, and JavaScript. It focuses on creating

Your code so far

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

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

<body>
    <main>
        <h1>Front End Web Development</h1>
        <p>Front End Web Development involves designing and building user interfaces of websites using HTML, CSS, and JavaScript. It focuses on creating visually appealing, interactive, and user-friendly websites. Front End developers ensure accessibility, performance optimization, and adherence to web standards, blending creativity with technical expertise.</p>
        <section>
            <h2>HTML</h2>
            <p>HTML, or HyperText Markup Language, forms the backbone of web pages by defining their basic structure and layout. It uses a series of elements to display text, images, lists, tables, and other static content on a web page.</p>
            <iframe
                width="300" 
                height="150"
                src="https://www.youtube.com/watch?v=zWwrzfsUJVg"
                title="Lofi Don't Overthink"
                ><iframe>
        </section>

        <section>
            <h2>CSS</h2>
            <p>CSS, or Cascading Style Sheets, is used to control the visual presentation of HTML elements on a web page. It allows for customized styling, including colors, fonts, layouts, and spacing, making websites visually appealing. CSS also supports responsive design, ensuring web pages look good on all devices.</p>
            <iframe 
                width="300" 
                height="150"
                src="https://www.youtube.com/watch?v=Zu_pBbCwovA"
                title="Poems of The Moon"
            ></iframe>
        </section>

         <section>
            <h2>JavaScript</h2>
            <p>JavaScript is a programming language that adds interactivity to static web pages, enabling dynamic content updates, form validations, animations, and responsive behaviors based on user interactions and events.</p>
            <iframe 
            width="300" 
            height="150"
            src="https://www.youtube.com/watch?v=rJhSZQdLARE" 
            title="Lord of The Rings ambience"
            ></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.1.1 Safari/605.1.15

Challenge Information:

Build a Video Compilation Page - Build a Video Compilation Page

2

Hi,
Welcome to the community!
All of the errors can be solved by adding one thing that’s missing on your first iframe element:

Happy coding!

3

omg I was staring at this for so long and it was so obvious :sweat_smile: Thank you!

1 Like