Building a Responsive Sidebar and Navbar with React and Tailwind CSS

Поделиться
HTML-код
  • Опубликовано: 12 фев 2024
  • In this tutorial, we'll walk through the process of creating a responsive sidebar and navbar using React and Tailwind CSS. We'll start by setting up a new React project and installing Tailwind CSS. Then, we'll create components for the sidebar and navbar, and style them using Tailwind CSS classes.
    #responsiveDesign #navbar #sidebar #ReactJS #tailwindcss

Комментарии • 25

  • @traveltechdad5215
    @traveltechdad5215 2 месяца назад +3

    In my opinion, this is the most comprehensive React video that I have watched. Thanks and you have my ultimate respect!

  • @chandraprakashsingh3654
    @chandraprakashsingh3654 Месяц назад

    the best navbar and sidebar tutorial for beginners on the internet. much better tan those overhyped tech channels.

  • @Code-sz9db
    @Code-sz9db 20 дней назад +2

    Most Indian RUclipsrs I have come across have no Github repository. I don't know why! I think they don't wanna share the source code but expect us to subscribe and like the video.

  • @anirudhkala9591
    @anirudhkala9591 3 месяца назад +2

    Bro, you are the one whom I have been following for the last 8 Months and learned so much... Thanks a lot, bro.
    And for me, You have the best explanation methods than others.

  • @areejkhalidareejkhalid6627
    @areejkhalidareejkhalid6627 20 дней назад +1

    You are doing great Job , May Allah bless you!

  • @waleedsharif618
    @waleedsharif618 3 месяца назад +3

    Brother you said ”OK” in 28 minutes more than i have said in my whole life 😅

    • @codewithyousaf
      @codewithyousaf  3 месяца назад

      😁

    • @sagarpatel210
      @sagarpatel210 2 месяца назад

      @thyousaf brother please in this make resposive routing pages suppose in the home pages i take four cards then its should be stretching but in my case the cards are shifting from right side to left side when i hit the togglemenu
      please resolve my doubt if u resolve my soubt then i will share your channel on linkdin and you will also get more views and as well as more subscriber

  • @alexandreofelia
    @alexandreofelia 3 месяца назад

    You are the best brother 🎉, thanks, i am from Mozambique, your videos are help me very well. 😊

  • @abdulkadirabdulrahman8258
    @abdulkadirabdulrahman8258 3 месяца назад

    ❤❤

  • @Gaamaa-oz5ef2lf3n
    @Gaamaa-oz5ef2lf3n Месяц назад

    Simple and neat explanation.
    Please try to upload the source code for our reference.

  • @muhammadjawwadraza5091
    @muhammadjawwadraza5091 Месяц назад

    I am doing everything the same as You at the last stage of sidebarToogle but not results are the same !!!

  • @sydneymuganda1208
    @sydneymuganda1208 Месяц назад

    whats the importance of putting the navbar in dashboard componenet why nt directly put navbar in app.jsx

  • @sagarpatel210
    @sagarpatel210 2 месяца назад

    brother please make this admin dashbaord including card because it is in tailwind css

  • @sujatha204
    @sujatha204 2 месяца назад

    is this process with out vite?

  • @ismaeladriannnn
    @ismaeladriannnn 2 месяца назад

    When writing the classNames into the tags the browser is not displaying the colors and position as your video is displaying. Could you please help me out? Thanks

    • @codewithyousaf
      @codewithyousaf  2 месяца назад

      I recommend double-checking your code for any typos or missing attributes that might be affecting the display.

  • @SivaMandala-jq3by
    @SivaMandala-jq3by Месяц назад

    where git hub link bro

  • @broken_jail2506
    @broken_jail2506 2 месяца назад

    Source code please

  • @broken_jail2506
    @broken_jail2506 2 месяца назад

    source code pls

  • @anandhraja9949
    @anandhraja9949 Месяц назад

    src code

  • @muhammadjamshed2823
    @muhammadjamshed2823 2 месяца назад +1

    i appreciate your effor but its not a best way of teaching. you just here typing the code. for better understanding you must tell the students about the code whats happening there. Here you just copy and pasting code from other display and doing coding.

  • @kumarrcky3737
    @kumarrcky3737 Месяц назад

    your github id bro