grid justify content 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 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.

Example 3: display grid

.container {
  display: grid | inline-grid;
}