العمود 1 العنوان
هذا هو محتوى العمود الأول. على الشاشات الأكبر (سطح المكتب/الجهاز اللوحي)، سيكون عرضه 48%. على الشاشات الأصغر (الهاتف المحمول)، يجبر CSS أعلاه على أن يأخذ العرض الكامل 100% ويتكدس في الأعلى.
أضف النص والصور وHTML الأخرى هنا. احصل على عرض أسعار مجاني
عنوان العمود 2 العنوان
هذا هو محتوى العمود الثاني. وهو يتبع نفس قواعد الاستجابة مثل العمود الأول.
- البند الأول
- البند الثاني
- البند الثالث
العمود 1 العنوان
هذا هو محتوى العمود الأول. على سطح المكتب، يشغل حوالي ثلث المساحة.
على الهاتف المحمول، سيأخذ هذا العمود عرض الشاشة الكامل ويتكدس بشكل جيد فوق الأعمدة الأخرى.
عنوان العمود 2 العنوان
هذا هو محتوى العمود الأوسط. نستخدم هامشًا في هذا العمود لإنشاء فجوة أفقية بين الأعمدة الثلاثة على سطح المكتب.
- البند (أ)
- البند (ب)
- البند (ج)
العمود 3 العنوان
هذا هو محتوى العمود الثالث. يقع في أقصى اليمين على سطح المكتب وفي الأسفل على الهاتف المحمول.
حافظ على إيجاز المحتوى الخاص بك لتخطيط ثلاثي الأعمدة.