Navigation Bar Does Not Correctly Resize on Mobile

[Isaac-List]

Expected Behavior

• Navigation bar adjusts for a smaller display

Actual Behavior

• Items cut off when display is smaller

Possible Solutions

• Replace navigation bar with a CSS component
  • MUI CSS React Tabs
  • Bootstrap React Tabs

[Isaac-List]

Another option if we want to keep the navigation bar: W3Schools Responsive Navigation Bar