カードクラス
Coddyの「スライダー | フロントエンド・プロジェクト」コースのレッスン 17/23。
チャレンジ
簡単ターゲットの card クラス:
1. scroll-snap-align を start に設定します。
2. 任意の height を設定します(300px 以上を推奨)。
3. list-style を none に設定します。
4. 任意の背景色を設定します。
5. cursor を pointer に設定します。
6. 下方向の padding を 15 ピクセルに設定します。
7. flex-direction を column に設定します。
8. 任意の境界線の半径(border radius)を設定します。
自分で試してみよう
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>