.flexcontainer {

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;

}

.box1 {

  background-color: darkgreen;
  text-align: center;
  color: white;
  width: 100px;
  height: 100px;
  margin: 10px;
  padding: 5px;

}

.box2 {

  background-color: blue;
  text-align: center;
  color: white;
  width: 100px;
  height: 100px;
  margin: 10px;
  padding: 5px;

}

.box3 {

  background-color: purple;
  text-align: center;
  color: white;
  width: 100px;
  height: 100px;
  margin: 10px;
  padding: 5px;

}

.box4 {

  background-color: black;
  text-align: center;
  color: white;
  width: 100px;
  height: 100px;
  margin: 10px;
  padding: 5px;

}

.box5{

  background-color: darkgoldenrod;
  text-align: center;
  color: white;
  width: 100px;
  height: 100px;
  margin: 10px;
  padding: 5px;

}

.box6{

  background-color: darkgray;
  text-align: center;
  color: white;
  width: 100px;
  height: 100px;
  margin: 10px;
  padding: 5px;

}