Card 클래스
Coddy의 슬라이더 | 프론트엔드 프로젝트 코스 레슨 — 23개 중 17번째.
챌린지
쉬움대상 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>