React & Material UI #10: Grid & Grid Layout

Really helpful 🤘

ok

good work

Oh! you are best with it, nice tutorial

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

💥💥💥💥💥

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

Thanks for useful tutorial

tHANKS A LOT

Simply amazing man. Best channel on MUI

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

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.

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

Ty, it is rly useful

superb

thank you sir

By far the best videos on the topic !

Great content, thanks

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

Great!

Dislike

Awesome 😊

Ty

The content is great! Keep up the good work.
I wanted to design a simple two-column page, one with some text in the middle-centered and other column will have some login controls.

How do I make the grid to be displayed in full screen?

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.

Great video

cfbr

i have this and they will not align next to each other instead they fall in a column <Grid Container spacing={1} >
<Grid item md={6} xs={12}>
<Image src={product.image}
alt={product.name}
width={640}
height={640}
layout='responsive'>
</Image>
</Grid>
<Grid item md={3} xs={12} >
<List>
<ListItem>Category: {product.category}</ListItem>
<ListItem>Brand: {product.brand}</ListItem>
<ListItem>Rating: {product.rating} stars ({product.numReviews}) reviews</ListItem>

</List>
</Grid>
</Grid>

Thanks for video

So helpful! Thanks man!

This was super useful, thank you for the video!

P.S. Please indent your child Grid items next time!

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

Easier than bootstrap

thank you

This doesn't make any sense.

Great video, great explanation

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

i love you

Great tutorial!

Thank you Anthony!!

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

great stuff!

Thanks for the good work. Do you know how you can use grid for layout of a page with Header, Sidebar, Content and Footer?

Thank you for your work

how would you space out an odd number of components

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

As a viewer, it was very difficult to watch this video because of the incessant clicking while using the cursor to point at things being discussed. Coupled with the right-click menu + copy that was being selected randomly and repeatedly, I almost had to leave. You've got to get that under control if you want this channel to grow.

You didn't tell us how you got it all setup in the first place... you ended up just explaining what Grids are which would be a CSS lecture. I was not here because I didn't know what Grids are, I was here because I wanted to see how to integrate CSS and React