Build a Video Compilation Page - Build a Video Compilation Page

HTML-CSS
1

Tell us what’s happening:

I just cant find my mistake..

// running tests
7. Each section element should contain a p element to introduce the video content as its second child.
8. Each section element should contain an iframe element as its third child.

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="560"
        height="315" 
        src="https://www.youtube.com/embed/GDGejH3SDNQ" 
        title="HTML &amp; Coding Introduction – Course for Beginners">
    </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="560"
        height="315" 
        src="https://www.youtube.com/embed/OXGznpKZ_sA" 
        title="CSS Tutorial – Full Course for Beginners">
    </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="560"
        height="315" 
        src="https://www.youtube.com/embed/jS4aFq5-91M" 
        title="JavaScript Programming - Full Course">
    </iframe>
</section>

 </main>    
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:136.0) Gecko/20100101 Firefox/136.0

Challenge Information:

Build a Video Compilation Page - Build a Video Compilation Page

2

Hello, you had a closing tag as an opening tag on one of the p elements. Happy Coding!

3

It was so clear to see but i couldnt find it.. :sweat_smile:
thank you sir!

1 Like