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...
Icons: fonts.google.c...
How to integrate in HTML? developers.goo...
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

[@l4fd145]

Thank you for sharing, very good video!

[@mkg.gaming112]

h]

[@CandianAvgeek]

How does the link work with the drop down menu because I linked the dropdown buttons to go to a site and it doesn’t work, do you know why that could be?😊

[@Md_Yasin-9.8]

just wow..& so much helpful...we want more & more videos..please upload more & more videos

[@LukeDorny]

Those dropdown list-items should be anchors.

[@harmin1]

Good navigation bar😊

[@mantsnba]

HI what to do to make working theese menu? i mean if i click a button from menu it should teleport me to this section

[@web.component]

Hi,
You can add click events on the menu items using JavaScript.
Thanks

[@richardappow6770]

wow. nice design

[@WebDesigner5322]

excellent

[@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: ua-cam.com/video/cPmd9bEKBo0/v-deo.htmlsi=Npbrq7jcP_joi6Zv
Thanks.

[@HDmovieG]

🙏 thanks

[@fernandojavierbianchi431]

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

[@박공부-m5h]

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

[@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;

[@jayesh4937]

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

[@web.component]

Thanks.
By adding javascript you can make it functional.

[@shaikhdanish8428]

Sir make video about basics of javascript

[@web.component]

Will definitely try to cover these basics in future.

[@agsanjayram]

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.

[@agsanjayram]

@@web.component thanks bro

[@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.

[@PietroBuzzini]

someone can give me the code in html and css in text please. I need to do a work, thank you

[@acctualy4073]

good video helped a lot

[@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

[@SwapnoCreation]

Nice 👍👍👍

[@ShivamKumar-rz7uv]

html tag ( select , option)

[@aayanansari4106]

Course name ?

[@web.component]

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

[@akibknowsit8030]

Responsive nehi hai bhai

[@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

[@creatorfrendly9408]

This is speedrunning