React & Material UI #12: Cards + Cards layout with Grid 

This is the most comprehensive of targeting the material Ui. Thanks a ton for this.

Great tutorial! 2 Years later everything is still relevant. Good job and thanks!

I've started learning react, and using material UI to make a to-do app(obviously), hands down best videos!🔥

Seriously one of the best react videos I've seen I really needed this thanks sooo much!!!!!!!

this playlist actually help me to introduce to Material-UI. Thanks dude

Very underrated channel. Definitely gonna blow up soon.

Great one! Some content is a repetition from the 2nd class but I learned a lot. Keep it up and looking forward for the next tutorial!

Excellent videos, thank you! I watched them all and looking forward to more.

Im here for inspiration before starting to design, so that I wouldn't haste myself into initial ideas before understanding much about cool things that Material UI provides. This list has quite some video time but I love the way you explain and demonstrate things

Thank you so much for this. I honestly needed this quick tutorial for our topic today!

Thank you so much, these videos have helped me tremendously. I hope you cover the material table with sort and select

First of all, thanks for the video, sometimes is hard to digest the official documentation if you are kinda new to MUI. About the variant, the documentation says that "The props of the Paper component are also available", and in the Paper docs you can see what else you can do with it. Example, you can use 'elevation' prop to set the thiccness of the shadow. Just as a heads up if anyone was wondering about it.

Anthony you are doing great job, keep going!

Amazing! Thank you for the brilliant work

nice and easy explanation

You're really good at explaining stuff!

Awesome content Please complete material ui series

Another great vid! Thanks so much for these.

keep going. You are doing a wonderful job !

great vid as usual

your explanation is very nice. 👏🏻👏🏻

thank you for this series

Thanks! Helpful

Best tutorial for MUI. thx

The variant property in Card is inherited from Paper, as it tells you in the documentation.

May Allah reward you ❤️️

You’re a lifesaver

thank u vey much !

Thanks brother, i think we can learn creating slide show next in react

Dude thank you so much! My fucking teacher is an useless person e.e so you've saved me... Thank you again!

great stuff, thnx!

yeah, but how to align elements between cards, I mean what if title in one cards takes more space than in the other and elements below them should be aligned? do you have video on that?

dope

12:15 I think the reason that they don't show it, because "inherits" from , so it has access to the same things. You can pass in a prop called square to Card to unround the corners (just like in Paper component) and they also don't mention it in the Card's documentation But that's just hypothesis, I might be wrong on that one

Great!!! MerC

Massive thanks, again, Anthony. could you please make one more video for the internationalization working with MUI? fetch the transaction via API. thank you so much.

Hi, Is there any alternative way that I could use just like cards but can have onChange prop so when I click it can read data. Right now I'm just using radio group

Thanks. It’s nice to be, if you add a beginning sandbox too, you move with screens a bit fast sometimes and as no native speaker can say, you speak a bit fast. For me it’s okay, but for most people too fast.

thank you for your tutorials. Just a question: why you din't use grid gap instead of manual padding? Gap wasn't enough here?

Hello i wanna merge two card and create carousel , and the thing is i wanna drag and drop card over other after that i wanted that to happen

May be you didn't notice, above grid system broke when you added more than one card and you had a horizontal bar all the time.

Hi...Amazing Videos as always....Can you please make a video on Form Validation please

Gracias!

thank u very much for this helpful session, but i have a question how can i put more than one image in one screen using material ui for example if i want to insert 4 photos in one row and another row with 4 photos? is there any possible way for that?

how would you truncate the description in the cards with an ellipsis to maintain the same card height, if it gets too long?

Hi, don't mind me, just leaving a comment here.

Thanks a lot!!

Hello, this was a very informative video but, I'm having trouble with having cards with different information from the same card component, can you explain how to or point me in the direction of a video which explains this? Thank you and great work!

i got a question about design, when i create a card does it recommended to specify the height in pixels? if its the answer is true, how can i make it responsive by doing so? thanks alot for the videos again!

how would you create a carousel of images for the media section..?

Hi Anthony, first of all thanks for the amazing videos about Material-UI. I'd like to ask you how can I create a card with 3 sections stacked and make the bottom section stays always on the bottom and the middle section occupy all of the available space. I'm trying this for days and I'm getting stuck on that. I really would be grateful if you had an example of this of, or maybe you make a video :D

if i have more than one element and if i want to change its content (title, content,etc), ¿how do i do it?. Thank you

how would you make the card as link to another page/component

How can i say.. god bless you!

What about putting a card or other component on top of a map, specifically google-maps-react. Or laying out material UI components on top each other. Or is this improper use of the UI?

I have never seen someone drill down into the different APIs of the Material components. Can we do Material Cards with full background and with title, card content, card actions on top of the background?

Wow thank you a lot. would you mind to create about pagination?

i have to learn something which i didn't find online

Your playlist has helped to understand Material UI a lot. I am going to start using some of the things I have learned here to my website MRuns.com ... do you know if MUI and React works with WordPress? I am sure it will work with PHP... I am not a WordPress or PHP developer.. So far, I only use Wordpress/php out of the box with few configurations. I will like to have more control over it by developing a better framework... Side note: I will be subscribing to your channel. Looking forward to more great tutorials in the coming days.

I need the popover tutorial

Palia dish hahaha

Pailia dish XD it's pronounced pie-a-ya! It's a Spanish dish :)

git hub?