آموزش Layout سازی بوسیله امکانات CSS Grid

در درون CSS سیستم های زیادی برای ساخت Layout یا چینش صفحات وب بدون نیاز به جداول وجود دارد. در این کورس آموزشی با مهمترین آن ها یعنی CSS Grid Layout آشنا شده و طی پروژه های واقعی بر استفاده از آن مسلط می شوید. 

عنوان اصلی : CSS Grid Layout

سرفصل ها :

درک گرید
مفاهیم و اصطلاحات گرید
مقدمه ای بر Grid Review
تعریف گرید
تنظیم ردیف های شبکه
ناودان بین سطرها و ستون ها را اضافه کنید
معرفی fr، یک واحد طول CSS انعطاف پذیر
چالش آهنگ های انعطاف پذیر
آهنگ ها را با علامت تکرار () تنظیم کنید
تکرار چالش علامت گذاری
اندازه‌بندی انعطاف‌پذیر آهنگ با minmax()
آهنگ‌ها را با پر کردن خودکار و تنظیم خودکار تکرار کنید
ایجاد خودکار ستون های انعطاف پذیر
شبکه آشکار و ضمنی
کنترل قرار دادن خودکار اقلام شبکه
بررسی شبکه های اندازه انعطاف پذیر
ابزار بازرسی گرید فایرفاکس
موقعیت اقلام توسط خطوط شبکه
خطوط شبکه منفی و نحو اختصار
قرار دادن عناصر با استفاده از مناطق الگوی شبکه
گرید را با کوئری های رسانه ای تنظیم کنید
استفاده از Grid با Flexbox
بررسی طرح بندی شبکه