Tailwind CSS • المستوى الثاني
فهرس المسارتخطيط الواجهات المتقدمة (Flexbox & Grid)
بناء الهياكل المعقدة، محاذاة العناصر، إنشاء شبكات الكروت، والتحكم بالتموضع.
01
الدرس 1: تخطيط العناصر بالتوزيع المرن (Flexbox Basics & Alignment)
استخدام flex و justify-* و items-* لمحاذاة العناصر وتوزيع المساحات بمرونة عالية.
02
الدرس 2: الشبكات الشبكية المتقدمة (CSS Grid Layout & Gap)
بناء الشبكات عبر grid-cols-* وتحديد الفجوات gap-* والتحكم بتموضع الكروت.
03
الدرس 3: تموضع العناصر والطبقات (Positioning, Z-Index & Sticky)
التحكم في relative, absolute, fixed, sticky وتداخل الطبقات باستخدام z-index.
04
الدرس 4: الترتيب والنمو المخصص (Flex Grow, Shrink & Order)
التحكم بنسب تمدد العناصر داخل الحاوية المرنة وتنظيم ترتيب ظهورها.