実習範囲01:ヘッダー部分 | SkillhubAI(スキルハブエーアイ)

実習範囲01:ヘッダー部分

実習の範囲

LPのヘッダー部分を作成してください。
ナビゲーションメニューのリンク先は空で構いません。

なお、今回コーディングするデザインは、12分割グリッドを意識して作られています。
他の箇所でも使用できるように、それぞれクラス化しておくと便利です。

実習と解説について

最初のクラス設計によって、ページ全体のコーディング方法が変わってきます。

解説をなるべく見ずにコーディングを進めたい方も、次ページ解説の「グリッドシステムを自作する」部分は確認していただくと進めやすいかと思います。