درس 37؛ پروژه چیدمان چندستونی Grid
فایل ZIP را استخراج و index.html را باز کنید. پروژه بدون اینترنت اجرا می شود.
فایل style.css نمونه کامل هدر، محتوا، سایدبار، فوتر و شبکه داخلی را دارد.
تمرین: در عرض حداقل 800px بخش practice را سه ستونی کنید و summary را تمام عرض کنید. زیر 800px یک ستون بماند.
پاسخ: این خط را در head بعد از style.css اضافه کنید:
<link rel="stylesheet" href="solution.css">
آزمایش: عرض های 320، 799، 800 و 1280px. مرز تغییر باید از یک ستون به دو ستون باشد؛ هدر و فوتر در حالت دو ستونی تمام عرض می مانند. متن بلند نباید از صفحه بیرون برود. با Tab ترتیب منو، لینک کارت ها و ستون کناری را بررسی کنید.
در فارسی خط اول ستون از راست شروع می شود. ترتیب ستون های grid-template-areas را با Grid overlay بررسی کنید.
