خلاصه جلسه: بخش‌بندی المان‌ها در CSS Grid (بخش اول)

۱. پراپرتی‌های ستون

• grid-column-start → خط شروع ستون
• grid-column-end → خط پایان ستون
• grid-column → کوتاه شده‌ی ترکیب start و end

  • مثال کاربردی:

     

    grid-column: 1 / 3;
    

۲. پراپرتی‌های ردیف

• grid-row-start → خط شروع ردیف
• grid-row-end → خط پایان ردیف
• grid-row → کوتاه شده‌ی ترکیب start و end

  • مثال کاربردی:

     

    grid-row: 1 / 3;
    

۳. نکات مهم

• هر آیتم می‌تواند هم ستون و هم ردیف را همزمان تنظیم کند
• ترکیب grid-column و grid-row رایج‌ترین روش برای تعیین محدوده المان‌هاست
• اعداد در Grid Line همیشه شروع از 1 و تا تعداد خطوط ادامه دارند