#36日目　TechAcademy「はじめての副業コース」

学習内容

昨日「新着の複数商品の紹介」部分のスマートフォン用コードは書き終えたので、パソコン用で変更必要な個所をCSSで追記していきます。

文字の大きさを大きくするというのもあるのですが、最も重要な個所は「4商品を2列ｘ2段で表示されていたものを、4列ｘ1段で表示する」部分です。

「flex-wrap: nowrap;」とすることで、横並び（4列ｘ1段）になりました。

そして、次のセクションの作成に進みます。

「商品の特徴」を写真と文字で説明します。

これもまずモバイルファーストでスマートフォン用のコードを入力し、その後パソコン用で必要な箇所のみ追記です。

スムーズにできました。

そして、さらに次のセクションに進み、「商品のランキング表示」です。

5つの商品を縦に並べる（1位から順に）コーディングをして（スマートフォン用のみ）、今日の勉強を終えました。

提出した課題

本日も課題まで達しませんでした。