How can I make my navbar full width?
The simplest way to get the effect you are looking for (for any number of buttons) is to use a table with a 100% width. A more complicated way is to give each button an equal percentage width such that with the number of buttons it adds up to 100%. You have 5 buttons, so you can put width:20%; on #nav ul li .
How do I make my navbar fit to my screen?
In this article, we are going to use the flexbox to create the navbar. We will use media query to set it fit for mobile screen and desktop screen. Also, we will use different justify content method to distribute the flex items, like space-around, space-between and space-evenly. We need to set padding to 0 for nav ul.