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

05-04-10flex-grow

◆学習時間の目安

30分

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

・flex-shrink … フレックスアイテムの縮小調整
・flex-shrink練習
・flex-growとflex-shrinkの算出方法

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


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

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

・wancampフォルダ
└・04flexフォルダ
 └・flex01.html
 └・flex02.html
 └・flex03.html
 └・flex04.html
 └・flex05.html
 └・flex06.html
 └・flex07.html
 └・flex08.html
 └・flex09.html
 └・flex10.html
 └・flex_logo.png

◆制作見本ファイル

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

sample_flex10.html