div.wrapper > div > p {
    text-align: center;
  }
div.wrapper > div:nth-child(1n) {
    background: #96ceb4;
  }
div.wrapper > div:nth-child(3n) {
    background: #88d8b0;
  }
div.wrapper > div:nth-child(2n) {
    background: #ff6f69;
  }
div.wrapper > div:nth-child(4n) {
    background: #ffcc5c;
  }
div.wrapper {
    border: 2px solid #333;
    display: grid;
    min-height: 100vh;
    grid-gap: 5px;
    grid-template: repeat(2,100px) / repeat(3,100px);
    justify-content: space-around;/*Justify-content place the childs of our element on the X(Horizontal)*/
    align-content: space-evenly;/*align-content place the childs of our element on the Y(Vertical)*/
  }