I am stuck here please someone should help in my landing page

https://codepen.io/Bickyblinkz/pen/rNzQoGG, this is id, guys please check what i am not doing right i have been on it for days now both the html and css

You’re not clear as to what you need help with. I’m going to guess it’s with some of the failing tests so I’ll start there.

When a test fails, click the red button to see which test(s) are failing and text to help you correct the issue.
Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.

For example, the first failing test says;

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="#membership" is not linked to a corresponding element on the page : expected null to not equal null
AssertionError: The .nav-link with href="#membership" is not linked to a corresponding element on the page : expected null to not equal null

Do you understand what the test is looking for?

Something else that may help is to switch the Syntax Highlighting in Codepen to help catch errors.
Go to your Codepen profile Settings → Editor Preferences (not the setting for the pen, but for your profile). Switch the Syntax Highlighting to Oceanic Dark and save the setting. Go back to the pen and make sure your new setting is working. The code highlighting will be using different colors. Errors will now be marked in red.

done but how to resolve the issue on ground now, can you give me step i need to take to edit it

I don’t understand what you’re asking
Please be descriptive

Edit: I don’t see that you’ve done anything to correct the error message. It is telling you what it is looking for and that it is not finding it.
It’s basically the same as this lesson.

Ok on it… thanks for your time

Glad to help.

If you have any further questions / issues with your landing page come back and ask here.
Happy coding!

Please why is my logo not showing on the codepen

Maybe I’m wrong but I’ve noticed that src for img that are too long don’t get read in the codepen. try saving the image you want to an online page (I usually use imgur). you’ll get a shorter src and it will probably work

I will try thanks for your help

I tried using the imgur still not displaying

You need to use the correct image link for imgur.

      <img id="header-img" src="https://i.imgur.com/3GM6BDZ.png" alt="Logistics Logo Vector" />

Screen Shot 2021-11-20 at 12.41.49 PM


1 Like

Done but the logo went to the top of the nav-bar and also when i click on the link they aint working anymore can you help me out please?

You haven’t style your #header. To see how you have it styled add the following into CSS;

#header {
  border: solid 1px red;

Done but i want it to be on the same line with the nav li

And also please i want all the li in the footer to be on the same line also

And how would you do that?
I understood what you meant. Now you just have to style it the way you want. I was only showing you that you hadn’t applied any styling. Giving you a way to see how you have things coded.
We don’t want to give you answers. You need to do some research.

You can open up dev-tools to help with your styling.
To make it easier in codepen open the pen in “debug” mode. This will show your page (in a new tab) without the frame around it. Then open up dev tools and start styling.

alright, where does the dev tool located?

If you’re using Chrome you can enter this as a search “chrome how do I open dev tools

If you’re using FF a similar search will get you results.

Hi I tried to get the correct link even for my tribute page is not giving me the correct like yours, the link i got from imgur is the same like the one i got last time

I am not sure I understand your question.

Does this have to do with the landing page?
Or is this for another project?

On the landing page, it looks like the img works fine.