Product landing page project

Good morning everyone, Please how can I make my trumpet logo appear? I just copied the link from google and it’s not displaying.And please my second question is, can I add icons later with my javascript written in my html like that?
My link is below

  • i find its now showing, so i assume you solved it?!
  • yes you can, “dom manipulation” can be one of those ways

happy coding :slight_smile:

Thanks bro
Please I tried looking for the latest fontawesome link so I could add some icons on my project please just the diamond and rock icon are not displaying thanks.

your last section has missing s , instead of costs you put cost.
where is your How it functions section?

navvar is still not on top.

icons are not your biggest worry since freecodecamp doesnt care about icons in order to pass the task. pass task now, perfect page later.

Here’s my issue

5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’

Please post your full code. Thanks

Ok sir here’s a link
This is the problem

When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’

And this is the error message below

  1. It has high valve construction

Select

Copyright 2022, Spontaneous Trumpets.

FCC Test Suite: Product Landing Page

Select Test Suite:

Run Tests12/16 Passed

Test(s) Failed Tests Passed Tests Executing

Ask For Help

#Product Landing Page tests

  • passes:12

  • failures:4

  • duration:0.29

  • #Technology Stack

    • 1. You can use HTML, JavaScript, and CSS to complete this project. Plain CSS is recommended because that is what the lessons have covered so far and you should get some practice with plain CSS. You can use Bootstrap or SASS if you choose. Additional technologies (just for example jQuery, React, Angular, or Vue) are not recommended for this project, and using them is at your own risk. Other projects will give you a chance to work with different technology stacks like React. We will accept and try to fix all issue reports that use the suggested technology stack for this project. Happy coding!

  • #Content

    • 1. My product landing page should have a element with corresponding id=“header”.

    • 2. I can see an image within the #header element with a corresponding id=“header-img”. A company logo would make a good image here.

    • 3. Within the element I can see a element with corresponding id=“nav-bar”.’

    • 4. I can see at least three clickable elements inside the nav element, each with the class “nav-link”.

    • 5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’

The .nav-link with href=“#How it functions” is not linked to a corresponding element on the page : expected null to not equal null AssertionError: The .nav-link with href=“#How it functions” is not linked to a corresponding element on the page

What you pasted into the post is pretty unreadable. Is that code? What is that stuff before your link to your codepen?

Sorry boss I did it by mistake while trying to copy the error it shows on my code whenever I run it

My issue is my html nav link is displaying “how it functions” isn’t linked

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