Web作成講座〜FlexBoxレイアウトでヘッダーを作成(動画あり)

HTML&CSS
スポンサーリンク

FlexBoxレイアウトでヘッダー部分作成課題

課題
課題用ファイル の「header_flex_beforeフォルダ」の中のCSSフォルダ内の「style.css」を編集して、「完成例.png」のようなレイアウトを作成してください。

ただし、flexレイアウトを使ってください。

サンプルのダウンロード

ここでダウンロードする「flex_lesson1.zip」と「header_flex_after.zip」ファイルは、この動画で使用したものです。

課題用ファイル:flex_lesson1.zip

解答用ファイルheader_flex_after.zip

Web入門一覧

タイトルとURLをコピーしました