Flexboxでヘッダーとカードレイアウトを作るためのデモコードです。
解説記事: Flexbox入門 - 横並びを実現する定番のCSS
docs/ 内のHTMLをブラウザで開くと確認できます。
docs/1_layout.html: Flexboxによる基本レイアウトdocs/2_responsive.html: メディアクエリーを使ったレスポンシブ対応docs/3_complete.html: 完成版
このリポジトリはビルドなしで動作します。次のいずれかを直接ブラウザで開いてください。
docs/1_layout.html
docs/2_responsive.html
docs/3_complete.html