تكليفات CSS الدروس من 46 إلى 53

المقاطع المطلوب مشاهدتها

---

التكليف 01

• إستخدم البنية السابقة بدون التعديل عليها لعمل الشكل المطلوب
• عرض العنصر وطوله هو 100px
• قم بتوسيط العنصر في الصفحة بطريقة عرضية
• قم بتوسيط كلمة Elzero داخل العنصر طوليات وعرضيا بواسطة خواص ال Flex
• قم بعمل الشكل بنفس الالوان

---

التكليف 02

• إستخدم البنية السابقة بدون التعديل عليها لعمل الشكل المطلوب
• عرض العنصر parent هو 600px والطول هو 300px
• قم بتوسيط العنصر parent في الصفحة بطريقة عرضية
• قم بعمل نفس العناصر بنفس شكلها وأماكنها

---

التكليف 03

• إستخدم البنية السابقة بدون التعديل عليها لعمل الشكل المطلوب
• عرض العنصر parent هو 600px والطول هو 300px
• قم بتوسيط العنصر parent في الصفحة بطريقة عرضية
• قم بعمل نفس العناصر بنفس شكلها وأماكنها

---

التكليف 04

• إستخدم البنية السابقة بدون التعديل عليها لعمل الشكل المطلوب
• عرض العنصر parent هو 600px والطول هو 300px
• قم بتوسيط العنصر parent في الصفحة بطريقة عرضية
• قم بعمل نفس العناصر بنفس شكلها وأماكنها

---

التكليف 05

• إستخدم البنية السابقة بدون التعديل عليها لعمل الشكل المطلوب
• عرض العنصر parent هو 600px والطول هو 300px
• قم بتوسيط العنصر parent في الصفحة بطريقة عرضية
• قم بعمل نفس العناصر بنفس شكلها وأماكنها

---

التكليف 06

• يمكنك إستخدام البنية السابقة أو عمل بنية بواسطة ال HTML5 Semantic Elements لتصل لنفس الشكل
• إستعمل ال Flex Box فقط في توزيع العناصر لتقوم بعمل الشكل التالي
• إستخدم خبراتك فيما تعلمته سابقا للوصول لنفس الشكل
• يجب عليك إستخدام المتغيرات ( Variables ) في كل شيء يتكرر في التصميم

تسليم ومراجعة الحلول