التخطيطات السائلة

دليل موجز عن التخطيطات السائلة، مع التركيز على الخطوات العملية المطلوبة.

المفاهيم الأساسية:

• العرض النسبي: يحدد عرض العناصر بناءً على النسبة المئوية للعرض المتاح.
• الوحدات المرنة: وحدات مثل em وrem تتغير حجمها بناءً على حجم الخط الأساسي.
• أحجام الخطوط النسبية: أحجام الخطوط المحددة كنسبة مئوية من حجم الخط الأساسي.

مثال CSS لاستخدام الوحدات النسبية:

.container {
  width: 100%;
}

.header {
  font-size: 2rem;
  margin: 1em;
}