Navbar on top not passing, but it is on top

Code Feedback
1

I’m finishing my third test project, and have gotten through the first two without too much trouble, but on the Product Landing Page, it is not letting me pass, noting an error on : #Layout

  • 1. The navbar should always be at the top of the viewport.

My navbar is at the top of the viewport by using position: fixed; in the ul code:

      ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: gray;
      *position: fixed;*
      top: 0;
      width: 100%;        
      }

What am I missing?

Any assistance is appreciated.

CHeers,

Jeffrey

2

Hey @jsbkk1!
Welcome to the Forum!

Please give your link to the code.
It would helpful

3

Hi Codely,

Three minutes after posting the request for help I figured out what I was missing. Sometimes a walk to the coffee machine can do wonders in clearing ones brain.

I’m not happy with the Product Landing page. It turned out to be a mess. I deleted it as soon as I turned it in, which I probably shouldn’t have done. Here is a link to my Survey page in case you’re interested. https://codepen.io/jsbkk/pen/wvzvBVQ

I would appreciate any feedback. Thanks for your input.

Cheers,

Jeffrey

1 Like
4

Hey @jsbkk1!
Why you didn’t add CSS to the form?

5

About the form page, the colors are kinda strong, i would suggest using some tender colors

1 Like
6

Sorry, yes I’m getting used to this pen site. It’s there now, just didn’t save in the previous version. Be warned; it bears strong colors as bedward noticed.

7

This link takes me to a survey page not a Product Landing Page

8

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

9

Hi mdshariq,

It was just an example of a previous test since I didn’t save the Product Landing page. Too frustrating.

10

Hi jwilkins.oboe,

Thank you for the information. As you may have noticed, I am new to this forum and to coding in general. Your advice is very helpful.

Thanks,

Jeffrey

1 Like
11

Your Survey form is missing a submit button. Also yes colors are too strong. You should also try to style these text and number input boxes. I assume it’s a work in progress you should complete this and later post a new topic on Project Feedback sub forum you will get more feedbacks and advice there.