React & Material UI #12: Cards + Cards layout with Grid
The Forge Coding Tutorials...http://theforge.ca
In this video we go over:
- How do Material UI Cards work?
- How to add icons, and avatars to the top and bottom of your Cards
- How to create a layout for your card using Grid
- Card hover effect
Join the discord community:
https://discord.gg/CRT4zpx
codesandbox.io: https://codesandbox.io/s/affectionate-leavitt-9mdq8?file=/src/App.js
Follow me on Social Media:
https://www.linkedin.com/in/asistilli/
https://www.tiktok.com/@anthonysistilli
https://www.instagram.com/asistilli/
Видео React & Material UI #12: Cards + Cards layout with Grid канала Anthony Sistilli
In this video we go over:
- How do Material UI Cards work?
- How to add icons, and avatars to the top and bottom of your Cards
- How to create a layout for your card using Grid
- Card hover effect
Join the discord community:
https://discord.gg/CRT4zpx
codesandbox.io: https://codesandbox.io/s/affectionate-leavitt-9mdq8?file=/src/App.js
Follow me on Social Media:
https://www.linkedin.com/in/asistilli/
https://www.tiktok.com/@anthonysistilli
https://www.instagram.com/asistilli/
Видео React & Material UI #12: Cards + Cards layout with Grid канала Anthony Sistilli
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![React & Material UI #10: Grid & Grid Layout](https://i.ytimg.com/vi/WV6u_6ZNWkQ/default.jpg)
![](https://i.ytimg.com/vi/DRcJsBzJiOg/default.jpg)
![Learn Material UI in One Hour - React Material UI Project Tutorial [2021]](https://i.ytimg.com/vi/Xoz31I1FuiY/default.jpg)
![Dynamically Create Cards In ReactJS Using React-Bootstrap](https://i.ytimg.com/vi/IhWFs0diAPE/default.jpg)
![React & Material UI #9: Using MUI's Templates](https://i.ytimg.com/vi/GsSnfTKn8To/default.jpg)
![React Hooks useContext Tutorial (Storing a User)](https://i.ytimg.com/vi/lhMKvyLRWo0/default.jpg)
![Card Layout (Design) Tutorial with HTML & CSS Grid - Web Design Tutorial](https://i.ytimg.com/vi/rV67qQahXAc/default.jpg)
![React + Material UI #2: Actually coding a UX design](https://i.ytimg.com/vi/tKzSnjWPtEw/default.jpg)
![React & Material UI #13: Simple Tables (2020 edition)](https://i.ytimg.com/vi/-3Ybk8VfFt4/default.jpg)
![React & Material UI #7: Paper](https://i.ytimg.com/vi/nmCcr-Y9qdc/default.jpg)
![Material UI React Tutorial](https://i.ytimg.com/vi/vyJU9efvUtQ/default.jpg)
![React Website using Styled Components and Smooth Scroll - Beginner Project Fully Responsive](https://i.ytimg.com/vi/Nl54MJDR2p8/default.jpg)
![How I Organize Colors for a UI Design Project](https://i.ytimg.com/vi/9S8LGdpNh4Q/default.jpg)
![How to Create a Simple React Js Card Component | React Js Tutorial for Beginners](https://i.ytimg.com/vi/Q3I_NwaCZI8/default.jpg)
![React & Material UI #23: Hidden + Hidden & Grid](https://i.ytimg.com/vi/vSrBynxWK_w/default.jpg)
![React & Material UI #6: Themes - Making your own Theme](https://i.ytimg.com/vi/Q4o0GmfNpJc/default.jpg)
![React + Material UI #1: Introduction - 2020 Edition](https://i.ytimg.com/vi/pHclLuRolzE/default.jpg)
![React & Tailwind CSS Image Gallery](https://i.ytimg.com/vi/FiGmAI5e91M/default.jpg)
![How to Create React Card UX Component with Bootstrap - React Project](https://i.ytimg.com/vi/rH9jM-8hAD8/default.jpg)
![React & Material UI #11: Grid Centering (Grid pt 2)](https://i.ytimg.com/vi/Z9xgsSVJGWk/default.jpg)