Bugfix: Navbar

[h0ethan04]

Description

Responsive navbar is really fun. also really annoying. final bugfixes for the navbar.

READ ALL INSTRUCTIONS BEFORE STARTING

• Note:
  • When working on the frontend, we want to work from making sure the site is responsive starting from a mobile device (this will make it easier when we modifying the styling for bigger screens)
  • When checking how the frontend looks on a mobile device through chrome's inspect element, be sure to select iPhone SE for test!!!
• Heads up:

  • Feel free to utilize /client/src/components/playground/Playground.jsx to test out anything before putting it in their respective pages, or if there currently is no respective page

  • When prompted to log in, you can sign in with the account:

  • student:

    • [email protected]
    • 123456

  • teacher:

    • [email protected]
    • 123456

  • admin:

    • [email protected]
    • 123456

Instructions

• make the navbar responsive and restrict it to the bottom 10% or so of the page
• make sure the navbar doesn't overlap with any other components (such as the cards from any of the views)

Notes

Acceptance Criteria

• responsive navbar doesn't block view of any components and resizes properly for all screen sizes available in the developer settings

Resources