ممكن مساعدة فى التقسيم داخل صفحة الويب

الفكرة في padding و margin أن هم لهم استخدامات معينة واستخدامهم في غير مكانهم ينشئ مشكلة في الصفحة وفي الريسبونسيف .

أولاً padding هو هامش داخل العنصر إذا كنت تريد إنشاء هامش داخل العنصر مثل border كبير الحجم  من اليسار او اليمين او من جميع الأتجهات وتكون العناصر منسقة بداخله ولكن لا تستخدم padding في جعل العنصر في الوسط في width او في ال height لكن تستخدم في إضافة هامش بسيط وإذا كان الهامش أكبر إلى حد ما يفضل استخدام النسبة المئوية .

div{
	padding: 25px;
}

واستخدام margin  بنفس الفكرة ولكنه هامش خارج العنصر بمعني أن width الخاص بالعنصر سوف يظل كما هو عند تعين margin معين من أي جانب  عكس padding وهو يستخدم في التفريق بين عنصرين وجعل هامش بينهم فوق أو يمين في أي اتجاه .

ولكن تقسم div ليس من خصائصهم يقسم بواسطة width وال height .

أنصحك بمشاهدة خاصية flexbox جيداً من هنا  6 فيديوهات سوف تتعلم كيفية تقسم div بطريقة صحيحة وهي الطريقة التي يستخدمها المحترفين الأن .

بالإضافة إلى ما ذكره الزملاء. يوجد chrome extensions إضافات للمتصفح  يقوم باستخداها المطوريين و المصممين لقياس الأبعاد و المسافات في الصفحة. يمكنك أن تجد بعضًا منها هنا. و لكن عادةً نحن لا نقوم بالقياس بهذه الطريقة.