Dreispaltiges Layout

[Matthias Scharwies]

Servus!

Hallo,
wie kann man die Ränder der einzelnen Zellen sichtbar machen?

Es gibt die gap-Eigenschaft, die zwischen den Zellen Abstände hinterlässt. Daneben kannst du doch eine border ziehen.

.container {
  display:grid;
  gap: 1em;
  background-color:blue;
}

.container > * {
  background-color: skyblue;
  border: thin solid navy;
}

Mir scheint die Antwort so einfach, dass Du evtl auf etwas anderes hinauswillst.

BTW: Im Firefox kannst Du im Seiteninspektor das Grid anzeigen lassen.

Herzliche Grüße

Matthias Scharwies