Grid-Layouts erlauben es, die Struktur des Layouts zu definieren, indem Sie die Spalten (oder Reihen) definieren. Im obigen Beispiel wird grid-template-columns verwendet, um drei Spalten mit gleichem Breitenanteil zu erstellen. gap definiert den Abstand zwischen den Spalten, was für einen sauberen Layout-Einstieg hilfreich ist. Sie können grid-template-rows verwenden, um Zeilen zu definieren, und grid-template-areas für eine leichte Zuordnung von Elementen.
Vertiefung 10: Flexbox und Grid in CSS
Schritt 3 von 7