横並び中央揃え（justify-content: space-between）

縦並び（flex-direction: column）

カードタイトル

カードの本文テキストです。

折り返し（flex-wrap: wrap）

HTML CSS JavaScript PHP Python Ruby Go Rust Swift Kotlin

均等幅（flex: 1）

カラム1
カラム2
カラム3

サイドバー固定 + メイン可変

サイドバー（240px固定）
メインコンテンツ（残りの幅を全て使う）