制作目的 HTML・CSSのコーディング練習として、見本サイトをもとにWebページを制作。 ターゲット コーディングスキル習得のための学習課題 担当範囲 HTML / CSSコーディング・レスポンシブ対応 使用ツール Visual Studio Code 制作時間 約3.5時間 工夫した点 PC版のレイアウトを再現したうえで、1024pxをブレークポイントに設定。画面幅が1024px以下になると、画像を1列に配置し、DETAIL部分も横並びから縦並びへ切り替わるよう実装しました。 これなら作品を開いたクライアントが、**「デザインした作品ではなく、見本をHTML/CSSでコーディングしたんだな」「レスポンシブまでできるんだな」**って誤解なく分かる。