@jborms210, 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.
The first failing message says
When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.'
Each .nav-link element should have an href attribute : expected false to equal true
AssertionError: Each .nav-link element should have an href attribute : expected false to equal true
as you can see, li is the .nav-link. You cannot have an href attribute there so maybe look at putting that class elsewhere.
The second failing test says
When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit).
The #form should have an action attribute : expected false to equal true
AssertionError: The #form should have an action attribute : expected false to equal true
Reading the full message do you understand what the test is looking for and why it is failing?
When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit).
The #form should have an action attribute : expected false to equal true
AssertionError: The #form should have an action attribute : expected false to equal true
here is your code
<form id="form">
<p> <label id="email-label">Enter Your Email for Exclusive Dan Flashes offers</label></p>
<input id="email" type="email" placeholder="enter your email" required>
<input id="submit" type="submit" action="https://www.freecodecamp.com/email-submit">
</form>
Where is #form’s action attribute?
The next full failing message says
The navbar should always be at the top of the viewport.
#header or one of its children should be at the top of the viewport even after scrolling : expected 326.125 to be close to 0 +/- 15
AssertionError: #header or one of its children should be at the top of the viewport even after scrolling : expected 326.125 to be close to 0 +/- 15
You have nothing in CSS that positions the navbar.
I think I got the US 12 figured out. I am still struggling on what code to use to make the navbar stay at the top of the viewport even while scrolling. Do I have to wrap the entire code in a CSS Flexbox or a CSS Grid?
From my previous post. Read the entire failing message.
My response of You have nothing in CSS that positions the navbar. was a hint to give you something to search.
I don’t see what you’ve tried to position your header to the top.
hi! As it is asking you to make the nav-bar stay on top of viewport even while scrolling, you should make position: fixed and i guess top:0 and left:0 with 100% width will work. Try using this on CSS.
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.