旅行系ブログ風のWEBサイトです。ネット上で配布されているカンプデータをもとに作成しました。

フロントエンド：HTML / CSS
デザイン参照：Figma
デプロイ：GitHub Pages
バージョン管理：GitHub

工夫した点：

• セマンティックなマークアップ：構造化された情報伝達を意識し、mainやarticle、sectionなど適切なタグを選びました。
• レスポンシブ対応：ブレイクポイントを設定し、スマートフォン表示ではコンテンツを縦積みにして見やすく調整しました。
• コンポーネントごとの整理：.containerや.hero-boxなどの命名を工夫し、再利用性と保守性の高いCSS構造にしました。
• デザインの忠実な再現：カンプに合わせて余白、文字サイズ、画像比率などを調整し、見た目を忠実に再現しました。