حاسبة أعمدة CSS Grid

أدخل عرض الحاوية (Container Width) بالبكسل. هذا هو العرض الكلي للمساحة التي سيتم تقسيمها بين الأعمدة. تأكد من أن القيمة تشمل جميع الأعمدة والفواصل بينها.

أدخل عدد الأعمدة (Columns) المطلوبة. هذا هو عدد الأعمدة المتساوية التي تريد إنشاءها في شبكة CSS Grid.

أدخل قيمة الفجوة (Gap) بين الأعمدة بالبكسل. الفجوة هي المسافة بين كل عمود والتي يتم أخذها من عرض الحاوية قبل توزيع الباقي.

احسب عرض كل عمود باستخدام الصيغة: عرض العمود = (عرض الحاوية - (عدد الأعمدة - 1) * الفجوة) / عدد الأعمدة. هذه الصيغة تضمن توزيع المساحة المتبقية بالتساوي مع احتساب الفجوات.