grid align item code example

Example 1: css grid align

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

Example 2: choose grid position html

/* grid-column: <start> / <end>;  */
/* grid-row: <start> / span <length>;  */
/* i.e */
grid-column: 3 / span 2;
grid-row: 2 / 4;
grid-row: 4;