كلاس Card

الدرس 17 من 23 في دورة سلايدر | مشروع Front-end على Coddy.

التحدي

سهل

استهدف فئة 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>

كلاس Card

جميع دروس سلايدر | مشروع Front-end