Day 322

CSS Grid centering methods...
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

  <style>
    .container {
      display: grid;
      grid-gap: 20px;
      height: 500px;
      border: 10px solid var(--yellow);
      grid-template-columns: repeat(5, 130px);
      /* justify-items: center;
      align-items: center; */
      place-items: stretch stretch;
      justify-content: space-between;
      align-content: space-between;
    }
    .itm {
      background: white;
    }
    .itm5 {
      justify-self: center;
      align-self: center;
    }
  </style>