Works

プロジェクト概要

コーディング講座の課題として、動物病院のサイトを実装しました。納期を意識しながら、Gitを使って制作を進め、PCからSPまでレイアウトが崩れないようにコーディングしました。

画面幅が変わっても要素の位置や余白が不自然にならないよう、中間サイズまで確認しながら調整しました。また、第三者が見ても分かりやすいclass名を意識し、フォントサイズにはremを使用しています。ホバー時の色変化やボタンの反転など、指定されたアニメーションも緩やかに動くよう実装しました。