カンプ（Figma）をもとに作成したカフェ紹介のランディングページです。シンプルな構成ながら、背景画像とテキスト・画像のバランスやレスポンシブ対応など、UIレイアウトを丁寧に整えました。

• フロントエンド：HTML, CSS（Flexbox）
• デザイン参照：Figma
• デプロイ：Render
• バージョン管理：GitHub

工夫した点：

• flex と min-width, max-width, aspect-ratio を組み合わせて、テキスト・画像を背景に対して中央に自然に配置
• デザインとズレが出やすい background-image のサイズ調整を background-size: cover と padding で調整
• スマホサイズでも要素がはみ出ないよう、余白やラップの挙動を細かく制御