React JS #13 - Make a site fully responsive

Поділитися
Вставка
  • Опубліковано 27 вер 2024
  • Introduction:
    Learn React Ant Design with Real Project.
    In this tutorial, I'll show you how to make a site fully responsive.
    ___________________________________________________________________________
    Project Demo:
    bibekshakya.com...
    ___________________________________________________________________________
    Useful Links:
    GitHub - github.com/bib...
    React Ant Design - ant.design/
    Create React App - reactjs.org/do...
    Node JS - nodejs.org/
    Google Font - www.google.com...
    Font Awesome - fontawesome.com/
    Text Editor - code.visualstu...
    Browser - www.google.com...
    ___________________________________________________________________________
    Gadgets I use for recording:
    Laptop - amzn.to/3gv7sER
    Monitor - amzn.to/3F3nZZU
    Mic - amzn.to/3XywvXX
    Headphone - amzn.to/3OEZ56g
    Keyboard & Mouse - amzn.to/3AGAJTx
    Screen Recorder - amzn.to/3Ew6H64
    ___________________________________________________________________________
    Buy me Coffee:
    buymeacoffee.c...
    ___________________________________________________________________________
    #reactjsproject #reactjstutorial #reactantdesign

КОМЕНТАРІ • 35

  • @CodeWithBibek
    @CodeWithBibek  3 роки тому +2

    Thank you everyone. Please share and subscribe my channel to support me and get other web tutorials. 🙂

  • @xXVenezuelaXx
    @xXVenezuelaXx 3 роки тому +7

    It didn't solve my problem right away, but it gave me the correct ideas! Great Video sir!!

  • @JyotiKumari-ki4tw
    @JyotiKumari-ki4tw 2 роки тому +3

    Excellent tutorial for beginner like me. I was searching for this kind of content.. Thanks bibek sir

  • @samirgrabou9762
    @samirgrabou9762 3 роки тому +2

    Great tuto, Thanks Bibek

  • @cathym9803
    @cathym9803 3 роки тому +2

    Excellent training session. Many thanks sir.

  • @peytube
    @peytube 5 днів тому +1

    god damn good

  • @siddiqajamadar8353
    @siddiqajamadar8353 2 роки тому +3

    Thank you sir

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

    Great video!

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

    great
    glad to see nepali

  • @AnAn-mb8ld
    @AnAn-mb8ld 3 роки тому +1

    How I can change different color?

    • @CodeWithBibek
      @CodeWithBibek  3 роки тому +1

      To change the color you have to modify it's CSS. You can modify here: src/App.css

  • @vijay-1222
    @vijay-1222 3 роки тому +2

    Great

  • @CatsAndCode
    @CatsAndCode 4 місяці тому +1

    Thank you! Very insightfull!

  • @sabertoothwallaby2937
    @sabertoothwallaby2937 3 роки тому +2

    please explain more, thank you

    • @CodeWithBibek
      @CodeWithBibek  3 роки тому +1

      It is similar to bootstrap. Here you can check its layout for understanding breakpoint: ant.design/components/layout/ and to understand grid use this: ant.design/components/grid/#header

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

    Thankssss

  • @seekonit6991
    @seekonit6991 3 роки тому +1

    how to make the navbar responsive ??

    • @CodeWithBibek
      @CodeWithBibek  3 роки тому +1

      Please check my final video to make responsive navbar. We need drawer component too: ua-cam.com/video/IdycGVN4z0I/v-deo.html

    • @DinoTV11
      @DinoTV11 3 роки тому +1

      u can use material ui navbar its responsive by default

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

    great

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

    Bangali ?