Material ui uses flexbox for it's grid. You can learn all about flexbox here[1]. In material-ui a <Grid /> can either be a container or an item. Check the docum

Material ui uses flexbox for it's grid. You can learn all about flexbox here[1]. In material-ui a <Grid /> can either be a container or an item. Check the documentation for the Grid element which has all the props available which should translate pretty well to the css in the webpage above i.e. flex-direction will be the "direction" prop in the Grid element if I'm not mistaken (on mobile, don't have access to the documentation rn) [1] https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/