Sky Coffee(未経験からWebデザイナーへ!様の練習用デザインカンプを用いたコーディング)

OVERVIEW

未経験からWebデザイナーへ!様の無料コーディング練習所より「【入門編】カフェサイト」のデザインカンプをお借りしてコーディングをしたものです。

Sky Coffeeのページへ

デザインカンプは未経験からWebデザイナーへ!様(https://webdesigner-go.com/coding-practice/)からお借りしました。

【サイトスクリーンショット】

(※サイト内の画像は、配布されていたデザインカンプから書き出した画像になります。)

【製作期間】

約1週間

【設計方法】

FLOCSS、BEMを用いてコーディングしました。

【工夫した部分】

・どの画面幅でもレイアウトがすべて最適化されるようにリキッドレイアウトを意識してコーディングしました。

WEBSITE