درس 38؛ انتخاب درست بین Flexbox و Grid
فایل را استخراج و index.html را باز کنید؛ اینترنت و نصب لازم نیست.
در عرض 1000px هر دو نمونه مقایسه سه کارت در ردیف اول دارند. دو کارت ردیف آخر فلکس بزرگ تر می شوند؛ در گرید عرض ستون حفظ می شود.
این تفاوت به قواعد همین نمونه وابسته است: flex: 1 1 220px و سه ستون صریح گرید.
در عرض های 320، 600، 601 و 1000px بررسی کنید؛ نباید اسکرول افقی کل صفحه ایجاد شود.
تمرین: مجموعه exercise را شبکه منعطف و tools را فلکس چندخطی کنید.
پاسخ: خط زیر را در head پس از style.css قرار دهید:
<link rel="stylesheet" href="solution.css">
با Tab همه لینک ها را بررسی کنید. هیچ order یا reverse استفاده نشده است.
