به پایان فصل رسیدیم. تو این فصل با Grid Container و Grid Item، اصطلاحات پایه (Column، Row، Track، Grid Line)، تعریف ستون و ردیف، Grid Areas، موقعیتدهی دقیق با grid-column/grid-row/grid-area، minmax و auto-fit/auto-fill، min-content/max-content/fit-content، Implicit و Explicit Grid، شورتهندهای ترازبندی، Subgrid، و در نهایت مقایسه Grid و Flexbox آشنا شدیم. حالا وقتشه با ۵ سؤال، میزان تسلطتون رو بسنجیم.
CSS / CSS Grid
آزمون پایان فصل: CSS Grid
تمرینها
تمرین 1
در grid-template-areas، برای اینکه یک خانه از Grid عمداً خالی بماند، از چه نمادی استفاده میشود؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 2
در ترکیب repeat(auto-fit, minmax(200px, 1fr))، اگر تعداد آیتمهای واقعی کمتر از تعداد ستونهای قابلساخت باشد، چه اتفاقی میافتد؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 3
اگر یک Grid فقط با سه ستون تعریف شده باشد و تعداد آیتمها بیشتر از ظرفیت یک ردیف باشد، ردیفهای اضافی که مرورگر برای جا دادن بقیه آیتمها میسازد، چه نامیده میشوند؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 4
مقدار subgrid در grid-template-columns یک Grid Item، دقیقاً چه کاری انجام میدهد؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 5
طبق اصل کلی مطرحشده در این فصل، چه زمانی Grid نسبت به Flexbox ابزار مناسبتری است؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
