1Grid breakpoints Material-UI:
2xs, extra-small: 0px
3sm, small: 600px
4md, medium: 960px
5lg, large: 1280px
6xl, extra-large: 1920px
7
8The grid is based on a 12 column system meaning the screen at any
9given point has 12 columns of available space. A grid item with sm=6
10will take up half the screen (6 of 12 columns) at screen size small
11and larger (width = 600px+).