ایجاد شده در ۱۲ مهر ۱۴۰۴
📝 جلسه سوم – معرفی سیستم Grid در طراحی رسپانسیو
1️⃣ سیستم گرید (Grid System):
- روشی برای تقسیم‌بندی صفحه وب به ستون‌ها و ردیف‌ها.
- باعث ایجاد چیدمان منظم و انعطاف‌پذیر می‌شود.
- پایه‌ی اکثر فریم‌ورک‌های CSS مثل Bootstrap است.
2️⃣ مفهوم Fluid:
- طراحی انعطاف‌پذیر که عرض ستون‌ها و محتوا بر اساس اندازه صفحه تغییر می‌کند.
- برخلاف طراحی Fixed که اندازه‌ها ثابت هستند.
3️⃣ Column (ستون‌ها):
- ستون‌ها واحد اصلی گرید هستند.
- می‌توانند به نسبت‌های مختلف صفحه را تقسیم کنند (مثلاً 12 ستون).
- ستون‌ها در کنار هم ردیف‌ها را تشکیل می‌دهند و چیدمان محتوا را ساده می‌کنند.
4️⃣ مزایای Grid System:
- ایجاد ساختار منظم در صفحات وب
- هماهنگی با طراحی رسپانسیو
- ساده کردن جایگذاری و هم‌ترازی عناصر