شرح صفوف ومحتوى الفقرة
عند تصميم مكونات الواجهة مثل بطاقات المزايا، صناديق الحالة الفارغة قبل وصول البيانات، أو مساحات الملاحظات، يمنحك ضبط min-height بوحدتي px أو rem اتزاناً بصرياً أنيقاً دون أدنى مخاطرة بقص النصوص الطويلة.
كما يساعد اختيار وحدة rem مثل min-height: 11rem مع box-sizing: border-box على تناسب الحد الأدنى لطول البطاقة تلقائياً كلما عدّل الزائر حجم الخط الافتراضي في متصفحه.
CSS
.feature-card {
min-height: 130px;
padding: 16px;
box-sizing: border-box;
border: 2px solid #7750b2;
}