ايهما افضل Grid vs Flexbox
grid
افضل ولكنه غير مدعوم في المتصفحات القديمه
نستطيع طرح السؤال التالي:
أيهما الأنسب؟
في الحقيقة لا نستطيع قول ان احدهم أفضل من الاخر فالـ Grid ليست لإستبدال الـ Flex ولكن نستطيع القول أن الـ Grid تم إيجادها للقيام بالأشياء التي لا تستطيع الـ Flex القيام بها وبنفس الوقت نستطيع الإستفادة من الـ Flex للقيام بأشياء لا تستطيع الـ Grids القيام بها أو حتى لا داعي لإستخدام الـ Grid لتحقيقها.
لذا الأمر يعتمد على مالذي تريد القيام به فقد تقوم بعمل قسم في الصفحة بإستخدام الـ Grid والقسم الذي يلية بإستخدام الـ Flexbox.
وللأشارة الـ Flexbox يستفاد منه لعمل layout لعناصر في صف واحد او عمود واحد أي انه يعتبر ذو بُعّد واحد
بينما الـ Grids يستفاد منها لعمل layout لعناصر في البعدين الصفوف والأعمدة
بالنسبة لدعم المتصفحات للـ Flexbox فهو كالتالي:
بينما الـ Grids فهو كالتالي:
المصدر https://caniuse.com
بالنسبة لمشكلة دعم المتصفحات القديمة تستطيع تحسينها بعمل Fallbacks ويضل في الأخير السؤال هو أيهما أنسب بما يحقق متطلباتي بالمشروع x؟
لا شكر على واجب
بإنتظار مشاريعك ومساهماتك