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 :
github.com/Sridhar-C-25/tailw...
Icon :
ionic.io/ionicons
tailwind css:
tailwindcss.com/docs/installa...

[@TrevorHigbee]

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

[@CodeAProgram]

Thank you for your support! Your generosity means a lot to me and I am grateful for your kindness. Your continued engagement and encouragement keep me motivated to create even more content. Thank you again!

[@sujoyghosh7152]

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

[@CodeAProgram]

Thanks

[@Blackcoffee715]

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

[@gwemula]

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

[@k.ashutoshbaitharu3964]

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]

[@rajaaterakhirr4920]

thanyou ma brotha

[@septianadhty]

thankyouu

[@iantaiahn7022]

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

[@CodeAProgram]

Your welcome ❤️
Share and subscribe

[@stephenlau2845]

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

[@kudaykumar1261]

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

[@CodeAProgram]

Welcome

[@johnsoto7112]

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

[@CodeAProgram]

I am forget 😅

[@johnsoto7112]

@@CodeAProgram amazing videos I’m learning a lot!

[@mohsinhammad630]

Thanks alot dude
love you so much

[@CodeAProgram]

❤️❤️❤️

[@bookskadost3584]

A gem on the internet ❤

[@kurosshyu2621]

your tutorial is very helpful and thanks

[@hellmutmatheus2626]

thank you very much you saved me!

[@lukas.webdev]

I just posted a video about Tailwind CSS in 2023 - maybe this is also interesting for you. 😉

[@alainlado]

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

[@susinidusadeepa2660]

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

[@quanngang653]

Thank you sensei

[@user-iy7rm7dt8x]

You are the best, as for me.

[@CodeAProgram]

Thank you so much

[@arpandiy5219]

Amazing Tutorial
Thanks a lot👍💯

[@CodeAProgram]

Share and subscribe ❤️

[@rd_45]

Thanks a lot

[@lukas.webdev]

I just posted a video about Tailwind CSS in 2023 - maybe this is also interesting for you. 😉

[@MoreYaseen]

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

[@VivekKumar-tr2os]

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

[@FaisalAmin001]

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

[@CodeAProgram]

Welcome 😀

[@kwasiezor1630]

Nice job bro.... Keep it up

[@CodeAProgram]

Thank you so much

[@joshuakemougne6471]

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

[@garbjorn1757]

You have very nice videos +1 sub

[@CodeAProgram]

Your welcome

[@heliolucio7691]

thanks

[@lukas.webdev]

I just posted a video about Tailwind CSS in 2023 - maybe this is also interesting for you. 😉

[@AfghanGoldenOldies2]

Thank you

[@gabriel_lk]

Thanks bro!! Works perfectly

[@CodeAProgram]

Share and subscribe ❤️

[@ErickDevx]

Thanks crack!!!

[@mehmetaltinsoy525]

Thanks

[@CodeAProgram]

Share and subscribe ❤️

[@MrRe-sj2iv]

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

[@Deus-lo-Vuilt]

nice

[@CodeAProgram]

Thank you

[@Deus-lo-Vuilt]

@@CodeAProgram more Tailwind

[@sibtycodes3358]

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

[@anagwumiraclemarachukwu1145]

magic i dont even tryin so hard to get it but i couldnot

[@muhammadwisnuhidayat9582]

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

[@CodeAProgram]

Bug is fixed now, Check my updated github repo.

[@muhammadwisnuhidayat9582]

@@CodeAProgram which repo?

[@CodeAProgram]

github.com/Sridhar-C-25/tailwindNavbar

[@muhammadwisnuhidayat9582]

@@CodeAProgram your code still same with 3 month ago..

[@muhammadwisnuhidayat9582]

@@CodeAProgram maybe u forget to push

[@SarahNakada-ge7wc]

I was trying to do this without making it absolute and without changing the z-index, im so dumb

[@alecdorasandler6690]

That makes two of us

[@naimeimran3247]

Thanks

[@CodeAProgram]

Share and subscribe ❤️