実践！スマートフォンサイトを作ろう

 #19 画像を左右に振り分けてみよう (02:07)
float、nth-of-typeによるスタイルの変更

#20 Flexboxで要素を横並びにしよう (01:36)
Flexbox
動作確認

#21 PC向けのレイアウトを作ろう (02:12)
幅の固定
メニューのスタイリング

https://dotinstall.com/lessons/spsite_html#

生徒さんが躓きやすかったポイントやわかりにくい部分を補足しております。全て理解できた場合でも参考になるものもあると思うので見てみてください。