body {
  background-color: lightgreen;
}

.flex-garden {
  background-color: brown;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: 120px;
  /*flex-wrap: nowrap;*/
  /*flex-flow: column wrap;*/
  /*flex-direction: column;*/
}

.flex-garden div {
  /*width: 100px;*/
  /*height: 100px;*/
  /*flex-shrink: 0;*/
  flex: 1;
}

.grid-garden {
  background-color: brown;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr 1fr;
  grid-template-rows: 50px;
  grid-gap: 50px;
}

.grid-garden div:first-of-type {
  grid-column-start: 2;
  grid-column-end: 4;
}