グリッドレイアウト

display: grid; は flex よりも 複雑なレイアウト（たとえばカードを縦横に並べたい場合）に向いており、レスポンシブデザインとの相性も抜群です。基本から順に、実例も含めて説明します。

2025年5月8日