ايش اكتب في المربع علشان ابدل بين الصورة و الكتابة؟

يعتمد ذلك على الكود الموجود عندك في ال html وال css حيث توجد عدة طرق مثل إذا كنت تستخدم ال flexbox يمكنك استخدام ال order كالتالي

• ستبقى ال media تأخذ التنسيق flex لذلك قم بحذف التنسيق في السطر 448 ثم قم بإضافة التنسيق لجعل العناصر تنزل تحت بعضها من خلال ال flex-basis مثل 

  section.features .feature .media .media-body {
    flex-basis: 100%; 
  }

   

• بعد ذلك تقوم بتحديد ال order لل media-body كالتالي

  section.features .feature .media .media-body {
   order: 2; 
  }

   

لم يعمل؟

انا كتبت display: block علشان ابغة الصورة فوق الكتابة و لكن اذا شلتها بتطلع زي كذا

و انا ابغا الصورة الثانية زي كذا

و لكن الصورة الثانية تطلع زي كذا

المطلوب اني ابدل بين الصورة و الكتابة في الشاشات الصغيرة

بتاريخ 28 دقائق مضت قال معاذ باحسن:

لم يعمل؟

تأكد من أن ال media في العرض الأقل من 767 لها القيمة flex حيث إن لم تكن كذلك مثل block لن تعمل لذلك حتى نتأكد من ذلك قم بتنسيقها كالتالي

section.features .feature .media {
	display: flex;
	flex-wrap: wrap;/* حتى تنزل العناصر تحت بعضها */
}

وإن لم تعمل قم بطرح هذا السؤال في الدرس الخاص به في الدورة