HTML/CSS の flexbox について詳細解説！ これでどんなデザインでも自由自在！【 flexbox 入門 】

教育系エンジニアのやっすんが、Flexboxについて解説します！

▶︎今回のコードに使ったGitHubレポジトリはこちら
https://github.com/yassun-youtube/html-flexbox-samples

▶︎目次

• 0:00 はじめに
• 0:32 Flexboxとは
• 0:42 Flexboxの設定方法
• 0:58 Flexboxの機能
• 1:28 Flexbox使用時の基本
• 1:59 コンテナの要素①flex-direction
• 3:26 コンテナの要素②justify-content
• 5:48 コンテナの要素③align-items
• 7:10 コンテナの要素④align-content
• 7:55 コンテナの要素⑤flex-wrap
• 9:13 アイテムの要素①order
• 10:05 アイテムの要素②flex-grow
• 11:22 アイテムの要素③flex-shrink
• 12:22 アイテムの要素④align-self
• 13:14 サンプル①
• 14:25 サンプル②
• 15:12 サンプル③
• 16:00 サンプル④
• 17:48 サンプル⑤
• 18:58 まとめ

#html #css