タイトル

sample crop

URL

https://sample-crop.hana-coco.net

担当

コーディング(レスポンシブ込み)

制作期間

5日

コーディングについて

デイトラのwebカンプから初めて自分なりにコーディングしたものになります。
工夫したポイントとしてヘッダーのナビゲーションにカーソルを置くと左から右に下線が引かれ、 少し目がいく動きをつけてみたところです。苦戦したポイントとしては、ACCESSエリアのPC時とスマホ時の 文字とボタンと地図の表示位置が異なるため、どのような手段で表示させたらいいかわからず苦戦しました。 調べならがgridデザインを駆使しうまくカンプ通りのデザインを完成させました。