وسم Body

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

التحدي

سهل

استهدف وسم body:

1. قم بضبط display على flex وقم بتوسيط كل شيء باستخدام align-items و justify-content.

2. قم بضبط الحشو (padding) بمقدار 0 من الأعلى والأسفل و 35 بكسل من اليمين واليسار.

3. قم بضبط الحد الأدنى للارتفاع (minimum height) على 100vh.

4. قم بضبط لون الخلفية حسب اختيارك.

نصيحة: لضبط خلفية متدرجة، يمكنك استخدام دالة linear-gradient.

background: linear-gradient(to left top, rgb(255, 192, 211), rgb(255, 20, 98));

جرّب بنفسك

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

وسم Body

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