React & Material UI #10: Grid & Grid Layout

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

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.

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

how would you space out an odd number of components

Thank you for your work

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

great stuff!

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

Thank you Anthony!!

Great tutorial!

i love you

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

Great video, great explanation

This doesn't make any sense.

thank you

Easier than bootstrap

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

This was super useful, thank you for the video!

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

So helpful! Thanks man!

Thanks for video

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>

cfbr

Great video

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.

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?

Ty

Awesome 😊

Dislike

Great!

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

Great content, thanks

By far the best videos on the topic !

thank you sir

superb

Ty, it is rly useful

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

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.

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

Simply amazing man. Best channel on MUI

tHANKS A LOT

Thanks for useful tutorial

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

💥💥💥💥💥

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

Oh! you are best with it, nice tutorial

good work

ok

Really helpful 🤘