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

05-04-01flexとは

◆学習時間の目安

40分

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

・flexとはレックスコンテナと2つの軸
・主軸 〜 Main Axis
・交差軸 〜 Cross Axis
・始点と終点 〜Flex Start・Flex End
・flex練習

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

flex_temp.html
上記ファイルをダウンロードして、コピー名称変更をしてください。
「flex01.html」にCSSを記述して練習してください。

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

・wancampフォルダ
└・04flexフォルダ
 └・flex01.html

◆制作見本ファイル

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

sample_flex01.html