Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Navbar Component #11

Open
hackthetunnelsbot bot opened this issue Sep 30, 2023 · 1 comment
Open

Add Navbar Component #11

hackthetunnelsbot bot opened this issue Sep 30, 2023 · 1 comment

Comments

@hackthetunnelsbot
Copy link

Description:

Checkout: client/src/components/Navbar to get started.

Update the navbar component to meet the following specifications:

  1. A logo image (of your choice) should be present on the left side of the navbar in place of the words "Store Logo".

  2. The navbar should be fixed to the top of the page. Meaning even if the user scrolls down, the navbar will still be visible. For this challenge, checkout the position CSS property.

  3. The "login / sign up / logout" buttons on the right of the navbar should be styled to appear "less default looking".

  4. In order to not have the logo and buttons touching the sides of the screen, the navbar should utilize the the padding CSS property.

Acceptance Criteria:

  • Logo image should appear on left side. It should be reasonably sized (not huge so the participant will probably need to give the image a width unless the image itself is small)

  • Navbar sticks to the top of page while scrolling down the page

  • Buttons appear styled

  • navbar elements do not touch the sides of the screen

@j-tad
Copy link
Contributor

j-tad commented Sep 30, 2023

I'll take this one

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant