MUI Materialでのレスポンシブ

レスポンシブレイアウトの方法

レスポンシブレイアウトの方法として、以下の４つを用いて行います。

• Grid
  Gridは画面のサイズと向きに適応できるため、レイアウト間の一貫性を保つことができます。
• Container
  コンテナは、コンテンツを水平方向に中央揃えします。
• Breakpoints
  画面サイズのブレークポイントを設置します。
• useMediaQuery
  Reactのメディアクエリです。

参考

Material UIでのレスポンシブサイト作成

Material UIでのレスポンシブサイト作成

zenn.dev