الحاوية

الدرس 3 من 18 في دورة سحب متحركة - مشروع HTML/CSS/JS على Coddy.

خلال هذه الدورة، ستتاح لك أيضًا الفرصة لـ تنسيق بعض الجوانب بنفسك، الآن سنقوم بإنشاء السماء التي ستكون عليها السحب، تأكد من اختيار لون يعجبك للسماء!

التحدي

سهل

في ملف HTML، قم بإنشاء div داخل وسم body مع id بقيمة "container".

سيكون هذا الـ div هو الحاوية لجميع الغيوم - "The sky".

في ملف CSS، استهدف هذه الحاوية وقم بتعيين:

height إلى 100vh (vh = View height)
position إلى relative
لون خلفية من اختيارك (تذكر، هذه هي السماء!)
overflow إلى hidden

جرّب بنفسك

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