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!
Смотрите видео Working with Grid System in Material-UI онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал bonsaiilabs 20 Август 2019. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 24,362 раз и оно понравилось 343 посетителям.
