الجزء الأول :
هذه هي الحل الكامل للتفاف العناصر، لأنه لا يتعين عليك استخدام px، فهو يظل نفسه على سطح المكتب والكمبيوتر اللوحي والجوال، ويمكنك حتى تغيير مسافة العنصر من 20 إلى 30 بكسل. يجب أن تكون حاويات الخلفيات على شكل مربعات. القيم المستخدمة: 1120 للأوسع الفائق وسطح المكتب، و80% للابتوب والكمبيوتر اللوحي الإضافي، والكمبيوتر اللوحي، والجوال الإضافي، ثم الجوال على 90%. تأكد من إضافة نقاط كسر الشاشة الإضافية للتجاوب، وإلا فإنها لن تكون كما في المثال الخاص بي.
الجزء الثاني :
يعد هذا حلاً عمليًا لتصميمات 12 عمودًا (في شبكة 1140/1120) حيث تكون الحاويات ذات عروض مختلفة. لقد قمت أيضًا بوضع كل شيء على الكمبيوتر اللوحي والهاتف المحمول بنسبة 100%، ولكن يمكنك بالطبع تغيير ذلك وفقًا لتصميمك.