今日の作業
ファーストビューのコーディングをしました！
タイトルとイメージがPC・TB・SPそれぞれでいい感じになるようレスポンシブ対応しました
- ファーストビューのコーディング
次回の作業
- Aboutセクションのコーディング
気づいたこと・悩んだこと
ファイル名やフォルダ名で使ってはいけない記号
srcの値に【】が含まれているとイメージが正しく読み込まれないことがある
ファイル名やフォルダ名に【】は使わないようにしよう！
pictureタグでうまくimgの切り替えができなかった…
画面幅に合わせてフォントサイズを伸縮させるには？
clamp(最小値, 推奨値, 最大値)を使う！
推奨値の計算式：標準サイズ ÷ 標準画面幅 × 100
例）標準サイズが40px、標準画面幅375pxの場合
40 ÷ 375 × 100 = 10.6667vw → font-size: clamp(40px, 10.67vw, 80px);
コメント