Build a Video Compilation Page - Build a Video Compilation Page

HTML-CSS
1

Tell us what’s happening:

Why it keeps telling me that my code needs each iframe be placed as the 3rd element of each ? In fact, it’s already made that way in my code, and still it didn’t pass.

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 src="https://youtube.com/embed/GDGejH3SDNQ" title="HTML Intro" height="180" width="360">
            </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 src="https://youtube.com/embed/OXGznpKZ_sA" title="CSS Intro" height="180" width="360">
            </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 src="https://youtube.com/embed/jS4aFq5-91M" title="JS Introduction" height="180" width="360">
            </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/136.0.0.0 Safari/537.36 Edg/136.0.0.0

Challenge Information:

Build a Video Compilation Page - Build a Video Compilation Page

2

Please check the p element in the last section.

1 Like
3

Thank you so much. Sharp eyes..