في هذا التمرين انشئ قائمة مطعمك الخاص
- قم بعمل fork للـ repository
- افتح الـ repository باستخدام github desktop
- افتح برنامج visual studio code وافتح مجلد الـ repository
- أنشئ ملف HTML
- استخدم وسم h1 لكتابة عنوان لمطعمك
- استخدم وسم الاحتواء div واضف داخله:
- اسم الطبق –> h2
- وصف الطبق بإختصار –> p
- سعر الطبق –> h3
- قم بمحاذاة نص الـ h1 في المنتصف
- قم بإضافة كلاس بإسم card إلى الـ div، وغير خصائص الكلاس كالتالي:
- غير العرض ليصبح 500 بكسل
- محاذاة في المتصف بإستخدام margin
- لون الخلفية إلى اللون يناسب مطعمك
- محاذاة النص في المنتصف
- اضف حدود
- انسخ الـ div ليصبح في موقعك ثلاث اطباق
- احفظ التغييرات وارفع الكود إلى github
- قم بتسليم التمرين على موقع Mentorly
بونص!
- استخدم وسم الخط الافقي لتفصل بين الاطباق
آخر موعد لرفع الكود هو نهاية المحاضرة "لا تترددون أنكم تسألون المدرسين 👌"