How to make a responsive navbar with tailwind css | tailwind css tutorial

How to make a responsive navbar with tailwind css | tailwind css tutorial

Code A Program...

GitHub link :

Icon :

tailwind css:

[TrevorHigbee]

Thanks! What a great tutorial! Just what I needed. Definitely worth a little cash.

[Blackcoffee]

Thanks for the video !
Leaning Tailwind but needed the skeleton reference for a 'navbar'.

[sujoyghosh]

thanks for the video... only video seen so far using pure tailwind

[k.ashutoshbaitharu]

4:05 : z-[-1] makes the ul background come behind the page body element layer so it will look weird. Change it to z-[1]

[MuhammadHasnain-om]

Wow such a amazing tutorial you better my coding journey .

[iantaiahn]

Hey awesome tutorial, I really learned a whole lot about tailwind, and dom manipulation. Thanks man!

[johnsoto]

just curious why didnt you just add a gap to the <ul> instead of giving each <li> a margin?

[kurosshyu]

your tutorial is very helpful and thanks

[stephenlau]

Good Tutorial, Thank you so much....Yes, How can I display the "Get Started" item on the navbar also when it use in mobile(0.14), and it will display in middle between the logo and the toggle button, and the "Get Started" is not show on the list item again while the toggle button is clicked (0.16) ? thanks again....

[gwemula]

Great tut! Thanks!
I was wondering though — why didn't you use an anchor for the logo?

[kudaykumar]

This video is really help ful thank you so much ....

[susinidusadeepa]

when i click dropdown button the dropdown menu always remain the same view while changing resolution of the page.how can I fix that?

[alainlado]

opacity-0 doesn't work like that for me, is it either of update or because im using react?

[MoreYaseen]

for some reason mine is conflicting with the other stuff i got and i cant find out why

[FaisalAmin]

But your mobile menu design is same like traditional Bootstrap (try different design like full screen menu etc)
Thanks for awesome contents❤

[vivek-kumar-P]

Hay, this didn't work, where and when did u add the tag for close 'x', give the solution

[joshuakemougne]

thanks for this video erhm wanna ask how can jquery be inserted here thanks

[MrRe-sjiv]

2:56 you should use gap-4 for ul class

[sibtycodes]

In th script, I understand the menu class but where is the close class....and its image tag..?

[muhammadwisnuhidayat]

List menu cant show when i change script js class top-[80px] to top-[50px] ..