Die grid Eigenschaft

grid ist eine Abkürzung für die Eigenschaften:

• grid-template-rows
• grid-template-columns
• grid-template-areas
• grid-auto-rows
• grid-auto-columns
• grid-auto-flow

Das folgende grid layout hat vier Spalten. Die Reihen sind 150px und 100 px hoch. Zwischen den Grid-Elementen ist ein Abstand definiert. Hier scheint die Hintergrundfarbe hindurch.