受講者専用一覧ページに戻る

05-04-06align-items

◆学習時間の目安

20分

◆この動画で学習する内容

・align-items … 垂直方向の揃え
・align-items練習

こちらの動画では、CSSレイアウト(flex)について学習します。
理解が進まない場合繰り返し動画をご覧いただき、理解度を深めてください。


前回作成したファイル「flex05.html」コピー名称変更してください。
「flex06.html」にCSSを記述して練習してください。

◆作成するファイルやフォルダ

・wancampフォルダ
└・04flexフォルダ
 └・flex01.html
 └・flex02.html
 └・flex03.html
 └・flex04.html
 └・flex05.html
 └・flex06.html

◆制作見本ファイル

下記ファイルは、制作確認用ファイルとなります。
最終的に、答え合わせ用として確認してください。

sample_flex06.html