Product Landing Page Help - I'm Confused :-/

[itskamilah]

Hello,

Here is the link to my product landing page project https://codepen.io/kamilahd/pen/oNLKgVq?editors=1100. If you could answer any of the following questions, I would appreciate it:

1. How come when I scroll, there is a small gap on top of my navbar? It is in a fixed position.

2. Why can’t I complete user story #12? I have used the mock URL provided.

3. How can I center the text within the #bb, #cornet, and #flugelhorn boxes? (I have tried justify-content, justify-items, and align-items, no luck.)

[nhcarrigan]

Hello~!

@itskamilah

How come when I scroll, there is a small gap on top of my navbar? It is in a fixed position.

The body element has a slight margin by default, which is shifting the position of your header. Try changing the margin value on the body element.

@itskamilah

Why can’t I complete user story #12? I have used the mock URL provided.

Your email form is missing a name attribute.

@itskamilah

How can I center the text within the #bb, #cornet, and #flugelhorn boxes? (I have tried justify-content, justify-items, and align-items, no luck.)

Try using the text-align property.

[itskamilah]

Thank you! All of these tips you gave me worked.