ما هو الأنسب بين Grid و Flex في تنسيق الموقع الإلكتروني؟

لكل منهما وظيفة يتميز بها، بشكل عام الفرق بينهما كالتالي:

• Flex: تستخدم لتنسيق تموضع العناصر معًا على نفس المحور، أي بشكل أفقي أو بشكل عمودي
• Grid: تستخدم لتنسيق تموضع العناصر على بعدين أفقي وعمودي معًا، حيث يمكن تحديد مساحات معينة تضع فيها عنصر ما

في حال كان المطلوب هو تنسيق عدة عناصر على الصفحة كاملة، Grid تعد الخيار الأنسب، أما في حال كانت العناصر بسيطة ومطلوب تنسيقها على محور واحد Flex تكون مناسبة في هذه الحالة،

يمكنك الاستفادة من قراءة المقالات التالية:

بإمكانك عمل اغلب التصميمات باستخدام اي من هذه التقنيتين، ولذلك ترى كثير من المبرمجين يركزون على تعلم احد التقنيتين اكثر من الاخرى.

اليك مقارنة سريعة بين كل من التقنيتين :

التقنية الاحدث هو grid.

الافضل من حيث اختصار الكود هو grid.

اذا كنت تريد جعل المحتوى هو الذي يتحكم بمحتوى الصفحة استخدم flex بينما اذا اردت التصميم ان يتحكم بتوضع المحتوى استخدم grid.

كلا التقنيتين مدعومتين بشكل كامل من قبل المتصفحات

grid ثناء الابعاد بينما flex احادي الابعاد.

اقرا ايضا