実際のホームページの模写コーディングを行いました。
（対象サイト：https://ninkyou.jp/typing-license/）
対象サイトのソースコードを閲覧せずに、
レイアウトをなるべく忠実に近づけられるよう制作しました。(一部アイコンをスクリーンショットにて対応しております。)
URL
http://ninkyou-copy.h-hayashi1996.com/
ID: xWfpqZX7 / PW: xWfpqZX7
コーディングについて
対象サイトと比較しながらレイアウトを進めていき、フォントサイズや余白などを
なるべく忠実に近づけられるよう心がけました。
FLOCSSの精度を上げるため、classを統一したり、カテゴリーの整理を行う事で
より見やすいソースコードの作成を意識しました。
またSassを導入することで、ソースコードのグループ化や短縮を行い、
より作業効率を上げることができました。