شرح صفوف ومحتوى الفقرة
بينما تحدد خاصية grid-column-start الخط الرأسي الذي يبدأ منه العنصر أفقياً، تتولى الخاصية المكملة grid-column-end تحديد الخط الرأسي الدقيق الذي يتوقف عنده امتداد ذلك العنصر؛ وباجتماعهما يمكنك تحويل أي خلية مفردة إلى شريط علوي عريض أو منطقة محتوى رئيسية واسعة.
تخيل إحداثيات الشبكة دائماً عبر خطوط الفصل لا أرقام الأعمدة؛ فالعنصر الذي يبدأ من الخط 1 ويتوقف عند الخط 4 يغطي الأعمدة الأول والثاني والثالث فقط، لأن الخط الرابع هو الجدار الفاصل بعد العمود الثالث مباشرةً.