ترکیب Grid و Flexbox در CSS

دو متد عالی برای استایل دادن به صفحات وب Grid و Flexbox هستند. در این دوره یاد می گیرید که چطور این دو را با هم ترکیب کنید تا بتوانید زیباترین صفحات وب ممکن را بسازید.

عنوان اصلی : CSS: Combining Grid and Flexbox

سرفصل ها :

معرفی :
طرح بندی وب سفارشی با Grid و Flexbox
با استفاده از فایل های تمرین
آنچه شما باید بدانید
استفاده از ابزارهای توسعه
1. فلکس چیست؟ :
فلکس باکس چیست؟
نحو فلکس باکس
ویژگی های ظرف فلکس باکس
ویژگی های آیتم فلکس باکس
استفاده از Flexbox: Challenge
استفاده از Flexbox: Solution
2. Grid چیست؟ :
گرید چیست؟
نحو شبکه ای
Grid چگونه کار می کند؟
خواص ظروف توری
ویژگی های آیتم گرید
توابع و کلمات کلیدی
استفاده از Grid: Challenge
استفاده از Grid: Solution
3. ترکیب فناوری ها:
Grid در مقابل Flexbox
ترکیب Flexbox و Grid
تجزیه و تحلیل یک طرح
انتخاب راه حل مناسب برای کار
استفاده از Grid و Flexbox: Challenge
استفاده از Grid و Flexbox: Solution
4. با استفاده از Flexbox و Grid یک صفحه وب بسازید:
نمای کلی پروژه
هدر صفحه وب با بخش قهرمان
یک منوی همبرگر برای موبایل ایجاد کنید
یک منوی افقی برای دسکتاپ ایجاد کنید
کارت های وب، قسمت 1
کارت های وب، قسمت 2
خلاصه های CTA
بخش تیم برای موبایل
بخش تیم برای دسکتاپ
بخش مشکل
اشیاء رسانه ای برای موبایل
اشیاء رسانه ای برای دسکتاپ
گالری تصاویر
پاورقی برای صفحه نمایش بزرگ
پاورقی برای صفحه نمایش های بسیار بزرگ
5. با استفاده از Flexbox و Grid یک فرم بسازید:
نمای کلی پروژه
فرم برای موبایل
فرم برای دسکتاپ
6. پشتیبانی:
سازگاری و منابع
پرس و جوهای ویژگی
نتیجه :
مراحل بعدی