横並び中央揃え(justify-content: space-between)
ロゴ
メニュー1
メニュー2
メニュー3
縦並び(flex-direction: column)
カードタイトル
カードの本文テキストです。
ボタン
折り返し(flex-wrap: wrap)
HTML
CSS
JavaScript
PHP
Python
Ruby
Go
Rust
Swift
Kotlin
均等幅(flex: 1)
カラム1
カラム2
カラム3
サイドバー固定 + メイン可変
サイドバー(240px固定)
メインコンテンツ(残りの幅を全て使う)