実在するサイトをトレースしてコーディングしたものです。

レスポンシブでレイアウトを変更させています。
スマートフォンではナビゲーションバーのメニュー消し、サイドメニュー部分にイラスト追加して表示させています。
TOPへ戻るボタンはfixedで常に右下に配置し、スマートフォンでは消しています。
右下の羊蹄山のイラストは、スマートフォンではメニューに重ねて表示しています。
制作時間　8時間
・素材収集・加工　1.5時間
・コーディング　6.5時間

 

NISEKO UNITED >>

 

 

 

 

 

 

見本