Nav link help on landing page

HTML-CSS
1

Tell us what’s happening:

  1. It’s a mess. I can’t find or figure out how to have my nav headers link to a specific Amazon or other web page? You will see I have the info, but it writes or lists the web page instead of taking you to it.

  2. Can’t decide which is better for listing my nav bars and links. Use <ul> <li> or <a> class??? Not sure I even know enough to ask, but my research has left me confused.

Your code so far
https://codepen.io/juligrossman/pen/eYJOrZb

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.67 Safari/537.36.

Challenge: Build a Product Landing Page

Link to the challenge:

2

I’ve edited your post for readability. When you enter a code block into a forum post, 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

  1. If we’re speaking specifically to the landing page project, we do not want the nav-bar linking us to another site, but to elsewhere on the page. Scroll down to the in-page navigation here and you’ll learn you need to be using a “#”.

  2. I’m also confused about this, so know you’re not alone.

4

Thank you. If I click in the “paste code” section does that not work? Or am I not doing that copy paste correctly?

5

I added backticks around your code. If you look at your post you will see those around the ul li a

6

https://codepen.io/jdwilkin4/full/zYKBQpj

Hi @juliakajill and @KnownHeretic!

This how to create the nav bar for the product page.

In your navbar you need to create a links that will correspond to different sections on the page.

In those different sections you need to have ids that correspond with those links in the navbar.

The user should be able to click on the links and it should go to those respective sections on the page.

7