写真を多用したビジュアル重視のデザインを、PC・スマートフォンで崩れなく再現すること。画像の位置やサイズ、余白のバランスをデザイン通りに保つことを重視しました。

画像の重なりや配置をデザインカンプと照らし合わせ、数値単位で調整。スマートフォンでは単純な縮小ではなく、読みやすさ・タップしやすさを優先してレイアウトを組み替え。

デザインの再現は数値合わせだけでなく、要素同士のバランスを見ることが重要だと学びました。現在は保守しやすいCSS設計（BEM）と表示速度も意識して実装しています。