QLIPスクールWEBサイト
Coding
Figmaで配布されたデザインカンプを元に、HTMLとCSSでトップページのコーディングを行いました。
QLIPスクールWEBサイト
Figmaで配布されたデザインカンプを元に、HTMLとCSSでトップページのコーディングを行いました。
制作目的
- Figmaデザインカンプからの正確なコーディングスキルの習得と、レスポンシブ対応の実装。
ページ構成
- トップページ
使用技術
- HTML
- CSS
制作期間
3日間
工夫した点
- 余白やフォントサイズをFigmaの数値通りに再現し、デザインの意図を忠実に反映させました。
- それぞれのarticleが崩れないようにCSS Gridを用いて、崩れにくく実装した点
対応デバイス
PC・スマートフォン