How to change position of the navbar to horizontal. technical documentation

Hello, campers !
I have a column-like navbar on the left side of the page.
My aim is, when the screen is small:

  1. to place it horizontally on the top of the page.
  2. to show it full-screen ( at the moment there are navbar and main content shown, I want main content to disappear)


  1. Try making your navbar into a flex container with flex-direction:row;, then adjust positioning of the elements with attributes such as justify-content and/or flex-wrap

  2. you can set the height of the navbar to 100vh (viewport height)