Die HTML-/CSS-/Bild-Dateien, die ich im Erklärvideo verwende, können Sie hier herunterladen: cssgrid2-abstaende-dateien.zip

Ich erkläre hier folgende Anweisungen:

  • gap - Erzeugt einen Abstand zwischen allen Boxen des Grids; mit grid-column-gap bzw. grid-row-gap können die horizontalen bzw. vertikalen Abstände separat definiert werden.
  • justify-content gibt an, wo in der umgebenden Grid-Box die inneren Boxen auf der horizontalen Achse sitzen (rechts-links); align-content gibt an, wo die Boxen in der Vertikalen (oben-unten) sitzen. Ich erkläre die Werte start, end, center und space-around. Eine Übersicht über gängige Angaben zeigt dieses Bild.

Die HTML-/CSS-/Bild-Dateien, die ich im Erklärvideo verwende, können Sie hier herunterladen: cssgrid2-abstaende-dateien.zip