How to create Dropdown Menu in HTML & CSS

Dropdown Menu using HTML and CSS, Drop down Menu HTML CSS, Dropdown in HTML and CSS, Drop down in HTML CSS.
In this video, we will learn How to create Dropdown Menu in HTML & CSS (using Pure HTML and CSS) | @web.component
Tools: Visual Studio Code, Google Chrome
Source Code: github.com/web-component23/aw...
Icons: fonts.google.com/icons?icon.s...
How to integrate in HTML? developers.google.com/fonts/d...
Subscribe Now: / @web.component
Previous Videos:
Website Navbar: • How to Create Navbar i...
Animated Indian Flag: • Animated Indian Flag d...
Product Card: • Product Card UI design...
Profile Card List: • Create User Profile Li...
Registration Form: • Registration Form usin...
Floating Input: • Floating Label Input u...
Login Form: • Login Form Using Pure ...
- Web Component -
#dropdown #html #css #csseffect

[@SwapnoCreation]

Nice 👍👍👍

[@richardappow6770]

wow. nice design

[@l4fd145]

Thank you for sharing, very good video!

[@WebDesigner5322]

excellent

[@harmin1]

Good navigation bar😊

[@fernandojavierbianchi431]

love css loved this video keep making ! 🎉🎉❤😊

[@user-zi6ci1ly7z]

좋은 강의 올려주셔서 감사합니다

[@acctualy4073]

good video helped a lot

[@lukedorny]

Those dropdown list-items should be anchors.

[@ShivamKumar-rz7uv]

html tag ( select , option)

[@HDmovieG]

Sir great learning but i stucked to add logo element before the home tab within tha same nav bar as you are not using bootstrap here so please explain me how to control the size of logo

[@web.component]

Please try to add width or height to the Logo. You can refer to this video: ruclips.net/video/cPmd9bEKBo0/видео.htmlsi=Npbrq7jcP_joi6Zv
Thanks.

[@HDmovieG]

🙏 thanks

[@shaikhdanish8428]

Sir make video about basics of javascript

[@web.component]

Will definitely try to cover these basics in future.

[@motazhasan1010]

yes that is so good but what about the responsive?

[@motazhasan1010]

can you responsive it when this menu on the small screen?

[@web.component]

Sure.

[@jayesh4937]

Nice one thanks, how do I actually make them work?

[@web.component]

Thanks.
By adding javascript you can make it functional.

[@user-ir6he4md5j]

i am newbie to css , let me know how you mastered the css like this?
any suggestions

[@web.component]

Do practice, that's what I do, try out some designs/effect which you would like to do.

[@user-ir6he4md5j]

@@web.component thanks bro

[@camille7576]

Hello ! Can you tell me what is written after « Segoe UI, … » please !!

[@web.component]

font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

[@aayanansari4106]

Course name ?

[@web.component]

As of now there is no course available. This is only HTML and CSS course.

[@creatorfrendly9408]

This is speedrunning

[@brightasinde7034]

Please your contact menu is empty
How can you add register or login form as contact submenue

[@web.component]

Yes you can add form similarly like services(in the video) in contact submenu

[@ImranAli-qv5ox]

don't make tips and tricks videos.make complete course series of web development complete course make all videos senquce classes wise step by step

[@web.component]

Sure, will try to do it in future. Thank you for your suggestion.

[@maroofshaikh4837]

Thanks for giving us links