Build a Video Compilation Page - Body/Main Relationship

HTML-CSS
1

Hi

I can´t get it to recognized because the relationship between body and main elements but my code below shows that body has just one child what is main element. Any other ideas or suggesting I can try?

THE CODE BELOW

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Video Compilation Page</title>
</head>
<body>
    <main>
        <h1>Teste de embed de vídeo</h1>
        <p>Integração de vídeos</p>
        
        <section>
            <h2>Vídeo 1</h2>
            <p>Este é um vídeo teste 1</p>
            
            <iframe 
            width="560" 
            height="315" 
            src="https://www.youtube.com/embed/iF2MdbrTiBM?si=hJ0lOh037edrc6tB" 
            title="YouTube video player">
            </iframe>
        </section>
        
        <section>
            <h2>Vídeo 2</h2>
            <p>Este é um vídeo teste 2</p>
            
            <iframe 
            width="560" 
            height="315" 
            src="https://www.youtube.com/embed/iF2MdbrTiBM?si=hJ0lOh037edrc6tB" 
            title="YouTube video player">
            </iframe>
        </section>
        
        <section>
            <h2>Vídeo 2</h2>
            <p>Este é um vídeo teste 1</p>
            
            <iframe 
            width="560" 
            height="315" 
            src="https://www.youtube.com/embed/iF2MdbrTiBM?si=hJ0lOh037edrc6tB" 
            title="YouTube video player">
            </iframe>
        </section>
    </main>
</body>
</html>
2

Welcome to the forum :wave:

Please post a link to the lab you are working on?

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Get Help > Ask for Help button located on the challenge.

image
image493×196 5.09 KB

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

3

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

4

I´ve tried this but didn´t work. I really have no idea what i´m doing wrong.

5

please share a link to the challenge

6

Exactly what happens? Please share any messages and screenshots, and a link to the lesson you are working on.

7

When i remove iframe element, it works. when i add, it doesn´t work. I don´t know how to talk with freecodecamp team. I´m new here and i´m little bit lost.

Captura de ecrã 2025-09-02, às 18.46.27
Captura de ecrã 2025-09-02, às 18.46.272444×1090 328 KB

Captura de ecrã 2025-09-02, às 18.45.45
Captura de ecrã 2025-09-02, às 18.45.452444×1090 303 KB

8

please share the link to the challenge

9
10

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

11

Thanks for your support. I tried in incognito mode and it run.