Flex vs Grid


التعليق السابق

إذا أردت عمل Layout بسيط غير معقد يمكنك استخدام Flexbox فهو يعتمد لعمل تخطيطات أحادية البعد.

إذا أردت عمل Layout معقد قليلا من الممكن استخدام Css Grid فهو يعتمد لعمل تخطيطات ثنائية البعد.

Flexbox يسمح للمصممين بوضع العناصر سريعة الاستجابة بشكل مناسب داخل الشاشات ذات الأحجام المختلفة. الأدوات تشمل:

  • تخطيط مربع للمستندات.
  • تخطيط مضمن لتحديد مظهر النص على الشاشات .
  • تخطيط جدول لتصوير البيانات الجدولية في بُعد واحد.
  • وضع تخطيط موضعي يتيح تحديد موضع العناصر المتجاوبة بشكل واضح.

تعمل CSS Grid على محاذاة العناصر في الأعمدة والصفوف ، مما يسمح للمطورين بالتحكم بسهولة في عرض ومظهر التخطيطات الكبيرة والصفحات الكاملة المخصصة لشاشات سطح المكتب والجهاز اللوحي والهاتف الذكي.

شكرا جزيلا لك والله شكرا 💜


تطوير الويب

مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.

91 ألف متابع