ระบบกริด (Grid system)

กริด (Grid) เป็นคุณสมบัติเด็ดอย่างหนึ่งของ GCSS เนื่องจากการใช้กริดจะช่วยให้เราควบคุมและจัดการแสดงผลได้อย่างง่ายๆ และยังสามารถช่วยในการจัดลำดับเมื่อแสดงผลในแบบ Responsive ได้อีกด้วย

สำหรับ GCSS ได้แบ่งกริดออกทั้งหมดเป็นจำนวนสูงสุดถึง 12 คอลัมน์ และยังประกอบไปด้วยกริดอีก 2 แบบ

1. กริดทั่วไป ซึ่งจะแสดงผลโดยมีการเว้นช่องว่างระหว่างกริดแต่ละอัน
2. กริดแบบ collapse ซึ่งกริดแบบนี้จะไม่เว้นช่องว่างระหว่างกริดเลยครับ