健康堂（健康をテーマにした架空サイト）

職業訓練校での制作課題である「『健康』をテーマにした架空サイト」です。

「人類の大半が火星に移住した、1000年後の世界で、保護対象となっている地球の資源を（違法に）販売する会社のコーポレートサイト」をイメージして作りました。

初めて1から制作したサイトです。

工夫点：

1.アカウントアイコンはsvgを使い、hover時の色変更をfillで管理しています。

2.トップ画像はobject-positionで位置調整を行い、画面幅にかかわらず常に3人が見えるようにしています。

3.トップや各製品画像にobject-fit: coverをかけて、画像幅が変わらないようにしています。

4.日付にはtimeタグを使用し、SEO対策を行っています。

反省点：

1.ブレイクポイントをもう一つ作って、タブレット対応をきちんと行うべきでした。

2.背景が白くなって文字が出てくるところは、もう少しスマートな出方があっただろうと思います。どこかでリベンジしたいです。