エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
MUIのGridで横に分割した後、縦方向に上から詰めて配置する方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
MUIのGridで横に分割した後、縦方向に上から詰めて配置する方法
はじめに タイトルの通り、MUI の Grid で横に分割した後、縦方向に上から詰めて配置する方法を調べたの... はじめに タイトルの通り、MUI の Grid で横に分割した後、縦方向に上から詰めて配置する方法を調べたのでメモ。あまり、情報見つからなかった。多分、Grid の公式ドキュメントを読めばわかる話なんだと思う。 完成品 こんな感じ。レスポンシブデザイン的な感じで幅を変えると、分割数が変わる。 MUI さまさま。 コード row 軸方向に分割して、column 軸方向に並べるだけ。ただそれだけ。 分割の方向、わかりにくくなりがち。 from Redesigning a website using CSS Grid and Flexbox | Dries Buytaert Header は別ファイルだけど、今あまり関係ない。 import { Header } from "../../components/Header"; import { Container, Grid, Paper } f