【模写コーディング⑦】psdコーディング②

OVERVIEW

psdデータを使ったコーディング

YEAR 2020

今回もphotoshopのデータをWeb上に書き起こす練習として模写コーディングを行いました。ボリュームは前回に比べて少ないですが、ニュースのセクションは少し凝ったデザインで、少し苦戦しました。

【工夫したところ】

  • セクションタイトルの下にサブタイトルが小さい文字で付くのが特徴的だったので、そこは共通パーツとしてコーディングした
  • ニュースセクションでは2つのflexboxを使ってコーディングを行った

【次回の課題】

  • ニュースをテーブルでコーディングしてみる
  • コーディングのスピードアップ