📑 Grid

• containers and items
• Item widths are set in percentages, so they’re always fluid and sized relative to their parent element.
• Items have padding to create the spacing between individual items.

<Grid
	container
	direction="row"
	justify="center"
	alignItems="center"
	className="{}"
	spacing="{1}"
>
	<Grid container item spacing="{2}" xs="{4}"></Grid
></Grid>

A flex container is the box generated by an element with a computed display of flex or inline-flex. In-flow children of a flex container are called flex items and are laid out using the flex layout model.

📑 Mui Theme Generator

xs >= 0px
sm >= 600px
md >= 960px
lg >= 1280px
xl >= 1920px

📑 Reference

• material-ui-dropzone
• emoji-key

📑 Tips

• Material-ui text fields expose input ref.