flexbox

今日はFlexboxについて学習しました。

自分でも実際にコードを入れて実践しようとしたのですが
サンプルのコードを使ってもブラウザに反映されず断念。

Flexboxについての動画を見ながら
Wordにメモをしていく形で理解しました。

display: flex;     左から右に順に並ぶ
flex-direction: row;      左から右
flex-direction: row-reverse;     右から左
flex-direction: column; 　上から下　縦に並ぶ
flex-direction: column-reverse; 　下から上に

flex-wrap    画面のサイズを変えると段落が付く
flex-wrap: nowrap;    画面のサイズを変えても段落はつかない
flex-wrap: wrap-reverse;    下から上の順に並んでいて
                                           画面のサイズを変えると段落が付く

ネットでflexboxが反映されない原因を探したのですが
結局原因は分からず・・・

そのあとBoottrapのグリッドシステムの使い方
についての記事を読んだのですが
「サイトを分割するからどうなるの？」
とよく分からず・・・

夜ごはんの準備があるので
今日はもういったんおしまい。