Chapter 14

練習問題3

Arisa Fukuzaki
Arisa Fukuzaki
2020.10.17に更新

メルカリの新着アイテム風カードを完成させよう(所要時間の目安: 15分〜20分)

要件

チャプター12と13で取り組んだ、メルカリの新着アイテム風カードのプロジェクトの続きに取り組みましょう。

以下の完成見本の通りになるよう、まずは一番左のジャケット商品カードのスタイル付与を完成させましょう。

mercari-single-card

スターターフォルダを、以下よりダウンロードして取り組んでください。

スターターフォルダ名は、「lesson5-oocss-mercari-starter」です。

スターターフォルダ

以下の項目をヒントに取り組みましょう

  1. まずCSSでスタイル付与をする
  2. スキンのスタイルを、別セレクタを用意して分離する
  3. HTMLに、新しく用意したスキンのセレクタを付与する
  4. 構造がスキンと分離されているかをチェック