Build a Video Compilation Page - Build a Video Compilation Page

HTML-CSS
1

Tell us what’s happening:

Hello. I am pretty new to this. I need some assistance to proceed to the next lesson.

I keep getting notified that the section element must contain an iframe element as the third child, but i believe to have done that already. I also crosschecked with the example in the hint section, it seems correct to me. Could you please have a look and tell me what I did wrongly?

Your code so far

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

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

<body>
<main>
    <h1>Green Architecture</h1>
<p>The built environment leaves a vast carbon footprint, accounting for a significant portion of global energy use, water consumption, and CO2 emissions. As environmental awareness and future consciousness gain traction in society, green architecture may hold the key to a sustainable tomorrow for buildings and people alike.</p>
<section>
    <h2>What is Green Architecture</h2>
    <p>Green or sustainable architecture simply refers to buildings designed to create healthy living environments while mitigating adverse environmental impacts. This approach to design and construction prioritizes environmental responsibility, resource efficiency, and the well-being of occupants. It aims to reduce the negative impact of buildings on the natural environment while promoting eco-friendly practices and healthy energy consumption through technology such as real-time rendering solutions.</p>
    <iframe
        src="https://www.youtube.com/watch?v=MyIOtsx3wDs"
        title="What is Green Architecture"
        height="320"
        width="550">
        </iframe>
</section>

<section>
    <h2>Unpacking the benefits of green architecture</h2>
    <p>The concept of green architecture challenges architects to leverage technology solutions to produce innovative structures with minimal harmful effects on the ecosystem. This approach presents a number of benefits, especially with regard to sustainable living.</p>
    <iframe
        src="https://www.youtube.com/watch?v=Kj55lAaq3iw"
        title="Exploring the Benefits of Green Architecture"
        height="320"
        width="540">
        </iframe>
</section>

<section>
    <h2>Technologies used in green building and sustainable construction</h2>
    <p>Green architecture incorporates a number of eco-friendly elements and technologies, including:
        <ul>
            <li>Renewable energy sources</li>
            <li>Green roofs</li>
            <li>Biomass stoves and boilers</li>
            <li>Electrochromic smart glass</li>
            <li>Water efficiency technologies</li>
        </ul></p>
    <iframe
        src="https://www.youtube.com/watch?v=zlvF1oiWVUE"
        title="Green Building Technologies Eco Friendly Architecture"
        height="320"
        width="540">
        </iframe>
</section>
</main>
</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:150.0) Gecko/20100101 Firefox/150.0

Challenge Information:

Build a Video Compilation Page - Build a Video Compilation Page

Github Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-video-compilation-page/669e81368e52b3a5c35a2dc5.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

Welcome to the forum @EKPE!

Here’s an excerpt from this reference: HTML Standard

List elements (in particular, ol and ul elements) cannot be children of p elements. When a sentence contains a bulleted list, therefore, one might wonder how it should be marked up.

Happy coding!

3

Thanks, I actually realized that and deleted them, but I appreciate you for actually explaining that they cannot be a children of the p element. I just thought maybe it was because the lesson didn’t request for it.