今日の学習時間

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版と、レスポンシブ対応したスマホ版サイトが完成！
明日からは復習としてゼロから自力でコーディングしていきます。