CSS Gap

/** simulate gap for safari  **/
.box {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-top: -1rem;
}

.box > * {
  margin-left: 1rem;
  margin-top: 1rem;
}
Lucas Juan