参加しているコミュニティETELLIA ONLINEの課題で制作した架空のサロンサイトです。figmaのオリジナルデザインカンプを元に、HTML CSSコーディングを行いました。
ヘッダーをスクロールした際、高さを変える調整を行っています。また、Googleマップの埋め込みも行っています。
レスポンシブデザインはお任せであった為元のデザインを大幅に崩さない事を心がけながらコーディングを行いました。
要素間の余白を気を付けながら、まとまりを意識し調整を行いながらレスポンシブを作成していきました。