Build a Video Compilation Page

HTML-CSS
1

Screenshot 2026-01-20 123922
Screenshot 2026-01-20 1239221259×983 103 KB

I can’t solve this task - 2. Your main element should be the only child of the body element..Can you explain where is the problem in the code?

2

Welcome to the forum @anastasiamiam0 !

Photos/screenshots can be helpful, but it also helps to provide the complete code. Posting the code helps us help you better!

When you enter a code, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

3
Video Compilation Page 
<main>

    <h1>Video Topic</h1>

This page is about video compilation

First step

It is about the video content

Second step

It is about the video content

Third step

It is about the video content

</main>
4 
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Video Compilation Page</title>
</head>
<body>
    <main>
        <h1>Video Topic</h1>
<p>This page is about video compilation</p>

<section>
<h2>First step</h2>
<p>It is about the video content</p>
<iframe src="https://www.youtube.com/embed/5BgKwkpJQdE" title="First video" width="560" height="315"></iframe>
</section>

<section>
<h2>Second step</h2>
<p>It is about the video content</p>
<iframe src="https://www.youtube.com/embed/XZf5A0wcruE" title="Second video" width="560" height="315"></iframe>
</section>

<section>
<h2>Third step</h2>
<p>It is about the video content</p>
<iframe src="https://www.youtube.com/embed/cf95Z7Ngg8k" title="Third video" width="560" height="315"></iframe>
</section>
    </main>
</body>
</html>
```
5

Your solution works from my end when I remove the three backticks from the code you just posted. 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.

6

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.