URL

https://copycording-kyon.xyz/

概要

コーディング（スクール課題）

スクール課題最初の模写課題です。この課題で脱落する受講生が多数いるほど、初心者には難易度が高い課題でした。Sass(SCSS記法）の習得と、ハンバーガーボタンや簡単なアニメーションの実装（JavaScript/jQuery)を行いました。

所要時間

106時間 （参考：BuildUp https://app.build-up.info/portfolio/bzcDOgoTd）

苦労した点・工夫した点

• グローバルナビ：ホバーすると下層のサブメニューが表示される形になっていて、さらにスマホ時はサブメニューの背景色が違い＋ーの表示はさせない部分や、ホバーしているグローバルナビのサブメニューのみが開いてそれ以外は閉じるというjsの実装に苦慮しました。
• レスポンシブ：PC・タブレット・スマホ時でレイアウトが大きく変わる部分の実装に苦慮しました。
• 背景画像の３枚重ね・一番下だけ固定させる実装：重なる部分の微調整・z-indexの使い方にも苦戦しました。