Product Landing Page 2 test failing even after completing the requirements!

HTML-CSS
1

Hello !


I just finished the "Product Landing Page" with all the stories completed but tests 5,6 fail no matter what I try. Look for yourself. Please someone tell me what I could do !?


Here's the codepen pen
2

so when I test, I see you get 14 out of 16 tests are successful. The first failure is to do with how you defined your nav-links

<li class="nav-link"><a href="#Price">

this is one of the definitions I see on your page.

What they want instead is for the html element that has class nav-link to also have an href.
In your case you have them in two separate elements.
(the test wants a single element).

I will take a look at the rest momentarilyā€¦ But you can start with the above fixes first.

Edit:
the second problem is to do with your video element. You currently have it defined like this:

            <iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/VAV1aBvhBUU" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
            </iframe>

but the test wants it to be defined with a child ā€˜sourceā€™ element rather than the tag ā€˜srcā€™.
Hereā€™s some sample code that you can emulate:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Notice how they have the ā€œsourceā€ child element and not using tag ā€œsrcā€. if you do the same in your code, it will pass the test.

good luck!

1 Like
3

I fixed that ! Thanks ! Didnā€™t know it works that way. I only have to figure out the video test now then. thanks again.

4

just edited my last response. pls take a look above.

5

I tried it with <video> but it didnā€™t work so I just used a <section> tag outside and it passed. All tests done ! Thanks. I now learnt a lesson that I need to read the stories in depth. Thanks !!

1 Like
6

you just need:

    <div id="Howto">
      <iframe src="https://www.youtube.com/embed/VAV1aBvhBUU" frameborder="0" id="video"></iframe>           
    </div>

then style your iframe width/height as you wish

1 Like
7

Yes that worked too. Thanks.