React & Material UI #10: Grid & Grid Layout

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

КОМЕНТАРІ • 239

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

    your red and blue colors choices burn my eyes but your tips on how to see which attribute work at the ends is genius

  • @prakhartiwari4916
    @prakhartiwari4916 4 роки тому +3

    I was reading the documentation from a very long time but was not able to understand the implementation and then I came across to this video and after watching this tutorial everything was clear. Long Story Short - very brilliantly explained.

    • @AnthonySistilli
      @AnthonySistilli  4 роки тому +1

      Great to hear that Prakhar! I'm glad it was able to save you some time :)

  • @khaledmohammed4939
    @khaledmohammed4939 3 роки тому

    mad straight to point clear everything u want as a developer u don't want to waste your time

  • @PawanKumar-bq6wj
    @PawanKumar-bq6wj 3 роки тому

    Now you got a fan in India. You're the best, the series itself is the best one out there in the entire UA-cam.

  • @antonellooliveri2295
    @antonellooliveri2295 3 роки тому

    I always return on yours video when I'm involved in using material-ui to refresh concepts thanks to your clarity.

  • @jhealthjhealth7173
    @jhealthjhealth7173 4 роки тому

    Begginer(ish) web developer here, i sort of skimmed over CSS and went straight to react.. i'm fining material UI a much cleaner way of implementing some styles into react (and makes more sense to me). These videos are helping me learn the framework quick! thanks !

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

    You are AMAZING! This tutorial is super clear and exactly what I needed to know. Thanks for the helping hand Anthony!

  • @anastasiaburdina6008
    @anastasiaburdina6008 3 роки тому

    You have a talent in explaining! I watch your videos with pleasure, thank you for sharing!:)

  • @suagnviki
    @suagnviki 4 роки тому +3

    A clear and concise tutorial for grid. Found exactly what I was looking for. Thank you Anthony!

  • @lindawisebear
    @lindawisebear 4 роки тому +8

    This was comprehensive, clear and articulate! Thank you so much for the great video :)

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

    Thanks to this video, I finally understood how the Grid works!

  • @JecyCalambro
    @JecyCalambro 3 роки тому

    This is always the video I go yo whenever I forgot on how to create grids

  • @kamrul91111
    @kamrul91111 3 роки тому

    Simply amazing man. Best channel on MUI

  • @gossgorl
    @gossgorl 3 роки тому

    HOLY CRAP THANKY YOU SO MUCH FOR THAT TIP AT THE END ON USING INSPECT ELEMENT TO SEE WHAT ATTRIBUTES WILL ACTUALLY CHANGE THE STYLING. subscribing now...

  • @iAbid357
    @iAbid357 4 роки тому +5

    My man, you rock! Honestly, such a clear and smooth video.

  • @alirizvi136
    @alirizvi136 3 роки тому

    Hey Anthony thankyou for this video it really helped me out understanding how grid works in material ui and how the columns are devided.

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

    super helpful!!! learning to make my website responsive just got easier

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

    Anthony nice tutorial, it has really solve some of my confusions on styling and customizing material UI components

  • @khandoor7228
    @khandoor7228 4 роки тому +12

    Anthony Great tutorial! Keep going with Material-ui please. It is a great CSS library 'easy to learn, hard to master' so the more content the better!!

    • @AnthonySistilli
      @AnthonySistilli  4 роки тому +4

      I love that concept of it being easy to learn and hard to master ! It's definitely true :)

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

    Wonderful tutorial, thank you. I've been struggling to understand this for the longest time, the first few minutes made it perfectly clear how to use it and why it's so powerful.

  • @SabbirAhmed-ni9cu
    @SabbirAhmed-ni9cu 3 роки тому

    it took 30 minutes to learn grid .thanks man .

  • @indnav76
    @indnav76 4 роки тому

    Great tutorial for understanding the Grid layout. Thank you @Anthony Sistilli

  • @sriyanshjain8524
    @sriyanshjain8524 3 роки тому

    By far the best videos on the topic !

  • @apelmahmud2807
    @apelmahmud2807 4 роки тому

    Awesome tutorial for me. Thank you Anthony Sistilli

  • @stephenpowell3080
    @stephenpowell3080 4 роки тому

    Dude, you talk quick, and type quick. Great video!

  • @andreasfinke1801
    @andreasfinke1801 4 роки тому +1

    I actually always put "xs=" without actually understanding what that meant. Thanks a lot for explaining :)

  • @soheilzargar3675
    @soheilzargar3675 4 роки тому +4

    Your Material-UI course is greate Anthony! THAT'S AMAZING...

  • @RohitKumar-lw1mt
    @RohitKumar-lw1mt 3 роки тому

    Really nice explanation. And that's a nice way to use inspect to learn things.

  • @steveviens
    @steveviens 4 роки тому

    Great explanation of exactly what I was looking to understand better. Well done Anthony.

  • @matthieucarlini
    @matthieucarlini 3 роки тому

    Thanks a lot for this precise video. The all serie on material is great. For the use of Lorem Ipsum, emmet allows you to generate it : type lorem and a value (lorem500 for example) and emmet write 500 characters of the lorem ipsum.

  • @jakwakwa
    @jakwakwa 3 роки тому

    Hi Anthony. Thank you for this tutorial. It really explained how to use Grid pretty well for me. Keep up the good work!

  • @TheBibbster213
    @TheBibbster213 4 роки тому

    Great job explaining the Grid component and providing useful examples! I used Material for my capstone and didn't realize how much functionality I was missing out of with the Grid component.

  • @srinigowda
    @srinigowda 4 роки тому

    For react with material ui, your tutorial should be sufficient. Great work.

  • @kevinmccann709
    @kevinmccann709 3 роки тому

    Loved that empty grid element that helped me properly space my content, for some reason I thought that would be bad code but I guess not :-)

  • @osc3892
    @osc3892 3 роки тому

    This is so informative!
    Sidenote.. I just kept hearing "matoyo-i"

  • @nguyenkhoituan9291
    @nguyenkhoituan9291 3 роки тому

    Hey, thanks for the video. Easy to understand explanation!

  • @SosoGW
    @SosoGW 3 роки тому

    Thanks Anthony! I wish I had watched your video earlier, would have saved myself hours of fiddling with the xs={12}! ! :)

  • @viniciusneto6824
    @viniciusneto6824 4 роки тому

    What?! That chrome dev tools tip is going to help me a lot. Haha! Great video. Thanks!

  • @sankettilekar209
    @sankettilekar209 3 роки тому

    Thank you for the very clear and precise video!

  • @lollolich2399
    @lollolich2399 3 роки тому

    This is one of the best explanation I have met! Great job, man, you are one of those who has a talent of explaining things quite well. I subscribed

  • @yusufcodes8515
    @yusufcodes8515 3 роки тому

    Clear and easy to follow, thanks!

  • @erickloningo2252
    @erickloningo2252 4 роки тому

    Awesome explanation

  • @ramonlorente5525
    @ramonlorente5525 3 роки тому

    Great work, Anthony! Thanks for the tutorials.

  • @jijouinfo3736
    @jijouinfo3736 3 роки тому

    Very helpful thank you Anthony

  • @narendranaramala
    @narendranaramala 3 роки тому

    Awesome.. exactly what I was looking for. Thanks

  • @ashkanoliaie6548
    @ashkanoliaie6548 4 роки тому

    I really do appreciate your videos,saved me tons of times.

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

    Thank you Anthony!!

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

    Great video, great explanation

  • @olege-k
    @olege-k 4 роки тому

    Thanks for your videos, very informative

  • @pierreafoutou7368
    @pierreafoutou7368 3 роки тому

    Great video. Thanks for sharing.

  • @bhupendranegi4353
    @bhupendranegi4353 4 роки тому +1

    Great video , Material UI docs should be mentioning your channel as reference material. Great stuff , keep going :-)

    • @AnthonySistilli
      @AnthonySistilli  4 роки тому

      Wow, thanks for the kind words! That would be super cool if they did haha.

    • @cutyoursoul4398
      @cutyoursoul4398 4 роки тому

      They actually do, haha

  • @sadhucat4476
    @sadhucat4476 4 роки тому

    After messing around with bootstrap etc, I finally understand the grid system

  • @marczenkner9667
    @marczenkner9667 3 роки тому

    This is a great, concise explation. Really appreciate it!

  • @planetmall2
    @planetmall2 4 роки тому

    Excellent video! The best explanation.

  • @annaconover1947
    @annaconover1947 4 роки тому

    Your videos are great! Thank you so much!

  • @theshubhagrwl
    @theshubhagrwl 4 роки тому

    Simple and easy video. Just the way needed! 😀

  • @NghiaPham-sd4gu
    @NghiaPham-sd4gu 4 роки тому

    That's helpful, thanks @Anthony.

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

    17:11 is life changing!

  • @arpithiside
    @arpithiside 3 роки тому

    Very clearly explained!!

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

    Thanks for useful tutorial

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

    This is really helpful ..... Thanks man 😌 love your content

  • @chineduknight6426
    @chineduknight6426 4 роки тому

    Great tutorial just getting into material design needed to understand grid

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

    thanks from Argentina!

  • @kevinma8227
    @kevinma8227 4 роки тому +7

    FINALLY I KNOW HOW TO FORMAT MY LIBRARY!

    • @AnthonySistilli
      @AnthonySistilli  4 роки тому +4

      books are a very important part of any library

  • @tathagatnegi5923
    @tathagatnegi5923 4 роки тому +12

    Sir can u make project based on material UI ..like dashboard setup or a whole .. full stack project

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

    Thank you, this really helped me get started with my project!

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

    This was super useful, thank you for the video!
    P.S. Please indent your child Grid items next time!

  • @amanbansal6280
    @amanbansal6280 4 роки тому

    These type of quality courses are paid on udemy and your are providing free great :)

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

    Excellent explain. I am bad in English but understand all of you say

  • @meesaasthana3189
    @meesaasthana3189 4 роки тому

    This helped clarify so many issues I was having. Thank you.

  • @mmmiyoung
    @mmmiyoung 4 роки тому

    Thank you for taking the time to make this instructional video! This helped me so much! Thank you!

  • @girmatesfaye7507
    @girmatesfaye7507 3 роки тому

    Oh! you are best with it, nice tutorial

  • @ProgrammingSchool1
    @ProgrammingSchool1 4 роки тому

    It's really a helpful tutorial. thanks dude.

  • @mirshodmirjonov6265
    @mirshodmirjonov6265 4 роки тому +1

    thank you for useful content

  • @freehassan2585
    @freehassan2585 4 роки тому

    Super helpful!! Thank you very much!

  • @_estebn
    @_estebn 3 роки тому

    Great explanation. Thanks bro.

  • @AdityaJain-nd5ku
    @AdityaJain-nd5ku 2 роки тому

    Great tutorial!

  • @johnyacoub9510
    @johnyacoub9510 4 роки тому

    Hi Anthony! Thank you for explaining the Grid this way using the Docs, I was looking into how to overlap with Material UI Grid , and I appreciate if you touch base on that.

  • @blanchenuit6709
    @blanchenuit6709 4 роки тому

    Thanks Anthony!

  • @sachinvishwakarma5868
    @sachinvishwakarma5868 4 роки тому

    Nice and crisp

  • @sourabhvaishnav8235
    @sourabhvaishnav8235 3 роки тому

    Quick and Nicely Expalined Mr Anthony.
    Nicer cat though!!
    Liked and Subscribed ....forgot to add a comment...

  • @shstar
    @shstar 3 роки тому

    This was helpful. Nice video

  • @videoarchive3249
    @videoarchive3249 3 роки тому

    Thank you so much! Great video

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

    Thank you for your work

  • @rashmidhant3364
    @rashmidhant3364 3 роки тому

    Thank for such a good video! Learned quite a lot.

  • @marcosraul4132
    @marcosraul4132 4 роки тому

    Excellent content, thanks for providing quality material!

  • @stabbler
    @stabbler 4 роки тому

    Hi Anthony, Great video! This explanation has saved my day! Subscribed and liked!

  • @adilhussain6414
    @adilhussain6414 3 роки тому

    Thank you Man! Its was really helpful.

  • @codealongwithkirk
    @codealongwithkirk 4 роки тому

    Great video mate! Hoping you will continue to produce Material UI courses. I am eager to use this framework as my baseline in every project. Thanks!

  • @LogansRun45
    @LogansRun45 4 роки тому

    Best explanation I've seen yet! You got a sub from me! Thank You!

  • @davidturkadze457
    @davidturkadze457 4 роки тому

    Great job!

  • @mandihaase2744
    @mandihaase2744 3 роки тому

    Awesome content! Thank you so much for this tutorial!!

  • @CloudArchitecture
    @CloudArchitecture 4 роки тому

    This is definitely VERY helpful!

  • @zhenliu4779
    @zhenliu4779 3 роки тому

    thank you! really good tutorial!!!

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

    So helpful! Thanks man!

  • @temisegun8631
    @temisegun8631 4 роки тому

    you explained this so well. thank you for the tutorial!

  • @adnanrazzaq19
    @adnanrazzaq19 4 роки тому

    make a video on box. its complicated but it has all custom styles as well. for example we can apply anything on box

  • @tehniatmirza1439
    @tehniatmirza1439 3 роки тому

    very good explanation. plz add how to design responsive login page

  • @MatheusRodrigues-gg1pi
    @MatheusRodrigues-gg1pi 3 роки тому

    Amazing content

  • @andersw69
    @andersw69 4 роки тому

    Great stuff