Starting with the folder structure we need One main folder having three subfolder as below
In the html, we define main-header div which wraps all the content of responsive navigation bar. Inside main-header there are two div(header and nav). Further more header contains two div inside it , logo and burger. Burger is displayed only when screen size is small as shown in the tutorial video above. Links in the nav div are adjusted with the change in the screen size.
In CSS, we import Poppins font from the google font as it is widely used font and very attractive. Here we have added color: white in the body which so that all our text will be in white . so we have to change it manually while making rest of the website.