レスポンシブ対応

[Ryo4499]

概要

https://m2.material.io/design/layout/responsive-layout-grid.html#grid-customization https://mui.com/material-ui/customization/breakpoints/ https://mui.com/material-ui/react-grid/ https://mui.com/material-ui/react-container/ https://mui.com/material-ui/react-use-media-query/

作業

• [x] xs,sm,mdの使用
• [x] device detectの範囲を最小に

完了条件

ちゃんと見れるようになったら

[Ryo4499]

device detectはhydration errorになるので廃止 純粋にxs,mdのみ指定 速さ重視したいので、多少の見栄えは捨てる 14dc886ca456db13a7a24f19211aab507e260eb7