.flexbox-container {
  flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  padding: 20px;
  display: flex; /* or inline-flex */
  flex-flow: row wrap;
  justify-content:space-evenly;
  row-gap:20px;
  column-gap: 5px;
  flex-grow: 1
}

.flex-footer{
  display:flex;
  justify-content: center;
}

.item{
  background-color: red;
  padding; 10px;
  margin;10px
}

body{
  background-color: #e0ebeb;
  display: flex;
  flex-direction: column;
}

footer{
  background-color: #85adad;
  flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  padding: 20px;
}

html, body {
  /* IE 10-11 didn't like using min-height */
  height: 100%;