iSaraのHPの模写コーディングを行いました。(レスポンシブ対応)
※画像をクリックしていただくとページ遷移します。

使用した言語

HTML / CSS、SCSS、JavaScript、jQuery

気をつけた点

・模写サイトとのズレがないか(PC・SP)。
・タブレットサイズや大画面ブラウザなど、様々な画面幅でも最低限デザイン崩れなく表示できているか。

学んだこと

・擬似要素(before・after)を用いたコーディング(CSS)に慣れることができました。
・HTML / CSSの基礎の反復練習を行うことができました。
・Google Chrome拡張機能のリテラシーが高くなりました。(ColorZilla、FullPageScreen、WhatFont、ImageDownLoader)