[MUI] 반응형

MUI 기본 브레이크포인트 (픽셀 기준)

Breakpoint	최소 너비 (min-width)	설명
xs	0	초소형 화면 (모바일)
sm	600	작은 화면 (태블릿 등)
md	900	중간 화면 (작은 데스크탑)
lg	1200	큰 화면 (데스크탑)
xl	1536	초대형 화면

 

<Grid size={{ xs: 0, md: 600 }}>
<Box sx={{ width: { xs: '0', md:'600' },}}