Bootstrap4の課題で、見本画像を参考にしながら、料理レシピサイトを制作しました。
レスポンシブに対応できるよう、スマホサイズとPCサイズとで、表示が切り替わるように、設定しています。
カルーセルやモーダル、ドロップダウンなどの動的表現も取り入れて制作しました。
【制作期間】
4日間
【気付き】
Bootstrapは型を取り入れることで、統一感のある整ったサイトが作れることがわかりました。
CSSを組み合わせることで、より自由なデザインが作れることもわかりました。
レスポンシブデザインにすることで、それぞれの媒体からの閲覧が見やすくなることがわかり、その設定の際には、メディアクエリ機能を使用することが必要であると学びました。