【毎朝1時間】プログラミング初心者のオヤジが、Web制作とセールスライティングを学んで、案件をゲットするまでのブログ

コーディングの知識がほとんどないオヤジが独学で仕事をゲットするまでの日記です。目標は、売れるLPを企画からデザイン、コーディングまでできるオヤジです。

【20日目】ドットインストール「詳解CSSフレックスボックス編」突入!

さて、今日からフレックスボックスです。

本日は、#1-#4までをやりました。

レッスン聞いているだけじゃよくわからないので、flex-directionをrowやrow reverseにして、いじってみました。

やっぱり実際にいじって、どうちがうのか調べないと実感わかないですね。

#01 フレックスボックスを使ってみよう (02:19)

概要
利用例

#02 関連用語について理解しておこう (01:27)

flex container
flex item
主軸
交差軸

#03 要素の並び、揃えを制御しよう (02:32)

flex-direction
justify-content
align-items

#04 flex-wrap、align-contentを使おう (02:11)

flex-wrap
align-content
flex-flow