An Interest In:
Web News this Week
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
- March 27, 2024
- March 26, 2024
Responsive Navbar with only HTML and CSS
Yes, you can make a responsive navbar with only HTML and CSS. Let's learn how?
First of all, you have to create an HTML file with these codes.
In this HTML file, I have created a nav tag for navigation I that I have separated into elements first is menu links which is visible by default on the desktop screen and second is the square box which will visible on small screen devices to hide/show the menu links in smartphone screens.
I have used <section></section>
tag to add a huge image to cover the blank screen of the device.
That's it for the HTML code.
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,600;1,200&display=swap');
By this line of code, I'm getting 'Poppins' font family from google font
Now i just you to play around with this codepen project
NOTE: ~
this is if else condition
Original Link: https://dev.to/atulcodex/responsive-navbar-with-only-html-and-css-269
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To