XDデザインカンプからのコーディング | ポートフォリオサイト

URL：https://rea1i2e.net/portfolio/2022-06-06codestep02-01/

ユーザー名　testuser

パスワード　0324

品質チェックリスト：https://www.notion.so/2935ebdcbfc34929aaa6ea31d46d02b3

■学習者向けのデザインカンプを利用しました。架空の英会話スクールのLPです。
・デザインカンプ
　【HTML/CSS コーディング練習】入門編：プロフィールサイト／LP
　　　https://code-step.com/portfolio1-menu/
・画像はunsplashのものを利用しています。

■特徴
・デザインカンプの画像を重ねて、1px単位で正確にコーディング。
・品質チェックリストを添えて、チェック項目を報告。デザインとズレが出ている部分については、スクリーンショット付きでわかりやすく報告。
・画像のアスペクト比保持（幅と高さの比率が異なる画像を入れてもレイアウトが崩れない
・要素の数が増えても、レイアウトが崩れない
・スマホファーストで、320px以上のすべての画面幅に対応したレスポンシブコーディング