Why internal link not working

HTML-CSS
#1

Tell us what’s happening:
Hello,
Could you help me please I don’t know why my internal link to section of the page not working.
I used:

<a href="#contact"> Contact</a>

then further in the page

<p id="contact"> Contact details</p>

Your project link(s)

solution: https://codepen.io/Nasetra-Riana/full/ExNNJXv

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36.

Challenge: Build a Product Landing Page

#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 (’).

1 Like
#3

there are syntax errors you need to address, you can paste your code in a validator like:
https://validator.w3.org/

as you are using codepen you can ignore the first three things, but you need to address the others

also, as this is one of freecodecamp projects, you need to include the test suite in the project you submit

#4

What you have written in your post would work, however that is not what you wrote in your codepen.

#5

Thank you for your message. Could you tell me what I’ve done wrong ? I really can’t point the mistake I’ve made. Thanks again.

#6

As mentioned previously, since this is one of the FCC projects you need to include the test suite in the projects when you submit them.
This is the test suite that should be included;
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

Once you have it you’ll see a green hamburger menu in the upper left. Open it and select the appropriate project and run the tests. 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.

On a side note you should revisit your other projects and add the test suite also. The test script should be included, with all tests passing, when you submit your projects.