In this project, you will learn how to make a responsive menu with only HTML and CSS, But keep in mind this is not a burger menu. The main feature of the menu is, it will look in a row at the desktop device and when we open this project on small screen device like smartphone or mobile. Then it will rearrange menu links in columns.
I have used a media query to make this menu responsive
But you can make this menu with flexbox and grid too.
So this is the final result of our responsive menu. I recommend you to play with this codepen project. It will help you to clear your thoughts.
You can comment below if you are facing any issue with the project, I would love to help you.
Top comments (0)