التجاوب

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

التحدي

سهل

1. بالنسبة للأيقونات في الفئة wrapper، قم بتعيين transform: translateY(-50%) scale(0.85); عند :active.

2. حاول جعل شريط التمرير (slider) متجاوباً بهذا الشكل، تحقق من التلميح إذا واجهت صعوبة.

جرّب بنفسك

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

التجاوب

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