レイアウトクックブック
すぐにコピーできるレイアウトレシピ。
図を確認し、コードをコピーして、ニーズに合わせて調整してください。
レシピ
| レシピ | 説明 | 技術スタック |
|---|---|---|
| フレックス行カード | 均一サイズのカードの行。 | Flexbox |
| グリッドダッシュボード | ヘッダー、サイドバー、メインコンテンツエリア。 | Grid |
| Holy Grail レイアウト | ヘッダー/フッター付きのクラシックな 3 列レイアウト。 | Flexbox |
| スティッキーフッター | コンテンツが少なくてもフッターを下部に維持。 | Flexbox |
| メディアカード | 左側に画像、右側にテキスト。 | Flexbox |