TOP

コーディング

【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