Working with Grid System in Material-UI
Material-UI Grid CodeSandbox at https://codesandbox.io/s/ppqw5yyy47
Check out the course trailer at • Learn Material-UI with ReactJS
Check out the course at http://bit.ly/2SZDYyw
Material UI provides a Grid system so that application is responsive or to say consistent across different screen sizes.
It supports 2 types of layouts.
Containers and
Items placed inside the container. The widths of the item are fluid and sized in accordance with the parent. Items also have padding around them.
There are 5 breakpoints supported by Material UI Grid.
xs for mobile phones
sm for tablet devices
md for medium-sized desktop screens
lg for large screens &
xl for TV screens
These breakpoints can only be applied to Grid Items and not the containers.
If you have any further questions or need help, please reach us out!
Watch video Working with Grid System in Material-UI online, duration hours minute second in high quality that is uploaded to the channel bonsaiilabs 20 August 2019. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 24,362 times and liked it 343 visitors.
