grid css justify self code example

Example 1: css grid align

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

Example 2: justify content vs justify items grid

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.