Answers for "grid justify content"

css grid align

.grid {
  display: grid;
  align-items: center; /* left and right */
  justify-content: center; /* up and down */
}

justify-content vs align-content grid

justify-content and align-content align the whole grid.
While, justify-items and align-items align the items IN THAT GRID (same for align-self and justify-self)

justify content vs align items gridd

The justify-content and align-content properties align the grid.

The justify-self, justify-items, align-self and align-items properties align the grid items.