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

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 69

  • @sujoyghosh7152
    @sujoyghosh7152 2 роки тому +4

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

  • @johnsoto7112
    @johnsoto7112 2 роки тому +1

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

    • @CodeAProgram
      @CodeAProgram  2 роки тому +1

      I am forget 😅

    • @johnsoto7112
      @johnsoto7112 2 роки тому

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

  • @k.ashutoshbaitharu3964
    @k.ashutoshbaitharu3964 Рік тому +9

    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-o1m
    @MuhammadHasnain-o1m 4 місяці тому

    Wow such a amazing tutorial you better my coding journey .

  • @Blackcoffee715
    @Blackcoffee715 9 місяців тому

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

  • @TrevorHigbee
    @TrevorHigbee Рік тому +14

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

    • @CodeAProgram
      @CodeAProgram  Рік тому +6

      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!

  • @kurosshyu2621
    @kurosshyu2621 Рік тому +1

    your tutorial is very helpful and thanks

  • @kudaykumar1261
    @kudaykumar1261 2 роки тому +4

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

  • @bookskadost3584
    @bookskadost3584 Рік тому

    A gem on the internet ❤

  • @arpandiy5219
    @arpandiy5219 Рік тому +1

    Amazing Tutorial
    Thanks a lot👍💯

  • @Андрюхаслазерки
    @Андрюхаслазерки 2 роки тому +2

    You are the best, as for me.

  • @rd_45
    @rd_45 Рік тому +4

    Thanks a lot

    • @lukas.webdev
      @lukas.webdev Рік тому

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

  • @mohsinhammad630
    @mohsinhammad630 9 місяців тому +1

    Thanks alot dude
    love you so much

  • @joshuakemougne6471
    @joshuakemougne6471 Рік тому +1

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

  • @hellmutmatheus2626
    @hellmutmatheus2626 Рік тому +2

    thank you very much you saved me!

    • @lukas.webdev
      @lukas.webdev Рік тому

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

  • @kwasiezor1630
    @kwasiezor1630 2 роки тому +2

    Nice job bro.... Keep it up

  • @quanngang653
    @quanngang653 2 роки тому +2

    Thank you sensei

  • @iantaiahn7022
    @iantaiahn7022 2 роки тому +4

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

    • @CodeAProgram
      @CodeAProgram  2 роки тому

      Your welcome ❤️
      Share and subscribe

  • @MoreYaseen
    @MoreYaseen Рік тому +1

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

  • @vivek-kumar-P
    @vivek-kumar-P Рік тому +2

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

  • @susinidusadeepa2660
    @susinidusadeepa2660 Рік тому +1

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

  • @faisalamin001
    @faisalamin001 2 роки тому +4

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

  • @MrRe-sj2iv
    @MrRe-sj2iv Рік тому

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

  • @AfghanGoldenOldies2
    @AfghanGoldenOldies2 10 місяців тому +1

    Thank you

  • @stephenlau2845
    @stephenlau2845 2 роки тому +2

    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
    @gwemula 2 роки тому +3

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

  • @garbjorn1757
    @garbjorn1757 2 роки тому +2

    You have very nice videos +1 sub

  • @mehmetaltinsoy525
    @mehmetaltinsoy525 2 роки тому +2

    Thanks

  • @gabriel_lk
    @gabriel_lk 2 роки тому +1

    Thanks bro!! Works perfectly

  • @alainlado
    @alainlado Рік тому

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

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 роки тому +2

    nice

  • @muhammadwisnuhidayat9582
    @muhammadwisnuhidayat9582 2 роки тому +2

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

  • @ErickDevx
    @ErickDevx Рік тому +1

    Thanks crack!!!

  • @sibtycodes3358
    @sibtycodes3358 Рік тому

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

  • @SarahNakada-ge7wc
    @SarahNakada-ge7wc Рік тому

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

    • @alec-dora
      @alec-dora 10 місяців тому

      That makes two of us

  • @naimeimran3247
    @naimeimran3247 2 роки тому +2

    Thanks

  • @heliolucio7691
    @heliolucio7691 Рік тому +3

    thanks

    • @lukas.webdev
      @lukas.webdev Рік тому

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