今日の学習時間
1.5h(トータル5.0h)
今日の学習内容
デイトラ初級編DAY7 ゼロからサイトを作ってみよう③
画像の上に文字を載せよう！とのことだったので、まずはレッスン動画を見ずに自力でコーディングし、その後動画を見て答え合わせをしました。
結果、見た目はほぼ同じようにコーディングすることができました！
お手本との相違
- topセクションをdiv.containerで囲んでいなかった
- top-titleにpadding-top、top-subtitleにpadding-bottomをつけていたが、topそのものに上下のpaddingを入れればOKだった
レスポンシブ対応
768pxタブレットのmaxサイズなのでmax-width:767pxがスマホ版となる
float:noneでfloat解除
PC版と、レスポンシブ対応したスマホ版サイトが完成！
明日からは復習としてゼロから自力でコーディングしていきます。