Build a Video Compilation Page - Build a Video Compilation Page

HTML-CSS
1

Tell us what’s happening:

all my circles check except one that says You should have 3 section elements below your first p element
I can’t figure out the error

Your code so far

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

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

<body>
    <main>
       <h1>Nigerian labels: Mavins V YBNL</h1>
       <p>In the nigerian music industry there are lot of playmakers but i personally feel there is no way of talkinga about nigerian music industry without bringing out icons like Donjazzy and Olamide, and both icons now own their own label which we would be looking at in this article</p>

          <figure>
           <img src="https://i.postimg.cc/BbpG2wd0/IMG-7618.jpg" width="300"alt="Donjazzy">
           <figcaption>Don jazzy</figcaption>
           </figure>
           <figure>
               <img src="https://i.postimg.cc/tgBPmXWZ/IMG-7620.jpg" width="300">
               <figcaption>Olamide</figcaption>
               <section>
                   <h2>Mavins Records</h2>
                 <p>Since founded in 2012 by Donjazzy mavins records have brought a whole lot of artists to the world witth global superstarts like rema, Ayra starr, Reekado banks etc.. The list goes on and on</p>
                 <iframe src="https://www.youtube.com/embed/RetaE4tO0BA" title="Evolution of Mavins records" width="500" height="320"></iframe>
              </section>
              <section>
                  <h2>YBNL Nation</h2>
                  <p>Founded in 2012 by King Olamide Baddo YBNL nation has discovered multiple artist such as lil kesh, Adekunle Gold and so on</p>
                     <iframe src="https://www.youtube.com/embed/sqT9_Ho5Hjg" title="YBNL empire" width="500" height="320"></iframe>
                     </section>
                     <section>
                         <h2>Comparison between Mavin&YBNL</h2>
                         <p>Both labels have a lots of differences and even a little beef in the past. From YBNL being characterized to more of a <em>street</em>label and mavins being a label for artist who dont realy acclaim <em>street</em>. Asides that both labels have different modes of operations and beliefs. Mavins known to have tens of signees and YBNL known to always keep a small number of creatives</p>
                         <iframe src="https://www.youtube.com/embed/ukMrRuuWBSg"width="500" height="320" title="comparison between mavins and YBNL"></iframe>
                     </section> 
                        

        </main>

</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.2 Safari/605.1.15

Challenge Information:

Build a Video Compilation Page - Build a Video Compilation Page
https://www.freecodecamp.org/learn/full-stack-developer/lab-video-compilation-page/build-a-video-compilation-page

2

what element is the parent of the section elements? is it the same as the parent of the p element?

3

yes. From my understanding All p and section element are both children of the main element

1 Like
4

Are they? They’re not. Check again, look closely at the elements you open and close.

You can use indentation to make it clear when you are nested in another element.

1 Like
5

Im still kind of confused. From the way I understand it my code is meant to have 3 section elements which come after my first p element and my code does have 3 section elements and they do come after the first 3 elements. So please can you expatiate on what the code is missing or the mistake I made

6

Yes. You do have 3section elements below your p element, but you have a lot of code between your p element and your first section element. Maybe the instruction would have been clearer if it said, " You should have three section elements below your first paragraph and nothing else," which was implied.

7

they are not siblings tho, the section elements are inside a figure element

if you right click and format the code you will see it better

8

Thank you. I have completed the task now

1 Like