【学習】デザインカンプコーディング

Tanimoto Eisuke
OVERVIEW

【HTML/CSS コーディング練習】上級編：メディアサイト／グリッドレイアウトから選択した学習用のサイトです。素材をダウンロードし、デザインカンプを元に制作しました。

制作期間：1日間

制作時間：約5時間

制作範囲：コーディング(Visual Studio)

お題ページ：https://code-step.com/media-menu/

デモサイト：https://code-step.com/demo/html/media/index.html

※トップ動画はデモサイトのものはなかったため、こちらで選択したものです。

完成サイト

https://vigilant-easley-d8702a.netlify.app/

がんばったポイント

今までやってきたコーディングの知識で特に詰まることもなく制作することができた。ただし、カルーセルスライダーのjQueryについては、オプション部分で少し手間取ってしまった。