sweet time

https://st891766.static.jp/sweet-time

学習ポイント
レスポンシブ対応のWebサイト制作を通して、PC・タブレット・スマートフォンなど、デバイスごとに見え方を調整する重要性を学びました。
同じデザインでも画面サイズによってレイアウトが崩れることがあり、細かな調整が必要であることを再認識しました。

工夫した点
各デバイスで快適に閲覧できるよう、画像サイズ・文字サイズ・余白のバランスを調整しました。
特にスマートフォン表示では、限られた画面幅でも見やすくなるよう、要素の配置順や余白を意識して制作しました。

レスポンシブ対応の工夫
CSSのメディアクエリを使用し、画面サイズごとにレイアウトを切り替えました。
ナビゲーションや画像表示についても、デバイスによって操作しやすい形になるよう調整しています。

コメント
制作前は「サイズを縮小すれば対応できる」と考えていましたが、実際にはデバイスごとに細かな調整が必要だと学びました。
この経験を通して、デザインだけでなくユーザーがどの端末でも使いやすいサイト設計の大切さを実感しました。今後は、より幅広い画面サイズでも快適に表示できるよう改善していきたいです。