css grid alignment grid template code example

Example 1: place item center in css using grid

.parent-element {
   display: grid;
   place-items: center;
}

Example 2: css grid align

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

Example 3: 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;

Example 4: display grid

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