CodeJumpのデザインカンプを参考に、HTML・CSSを使用してWebサイトのコーディングを行いました。 【制作期間】約3日（実作業時間：約10時間） 【制作目的】 デザインカンプからレイアウトや余白、文字サイズなどを読み取り、実際のWebサイトとして再現するコーディングスキルを身につけるため制作しました。 【使用技術】 ・HTML ・CSS 対応デバイス：PC・スマートフォン（レスポンシブ対応） 制作範囲：PC版・スマートフォン版のコーディング 制作内容：デザインカンプをもとに、PC・スマートフォン両対応のWebサイトを実装 【工夫した点】 デザインカンプを確認しながら、余白や文字サイズ、配置のバランスを意識して制作しました。 パソコンとスマートフォンのどちらでも快適に閲覧できるよう、表示に合わせてレイアウトを調整しました。 全体の構成を整理しながら制作を進め、後から修正や更新がしやすいよう心がけました。 参考サイト（デザインカンプ・要件） https://code-jump.com/recipe-menu/