#container {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  background-color: gray;
}

.square {
  display: block;
  flex-basis: 19%;
  flex-grow: 1;
  line-height: 100px;
  height: 100px;
  margin: auto;
  background-color: #ffffff;
  border: 1px dashed gray;
  text-align: center;
  font-size: 3em;
}

.pink-square {
  display: block;
  flex-basis: 19%;
  flex-grow: 1;
  line-height: 100px;
  height: 100px;
  margin: auto;
  background-color: pink;
  border: 1px dashed gray;
  text-align: center;
  font-size: 3em;
}

.number {

display:inline-block;
border: 1px solid gray;
padding: 2px;
margin: 2px;
font-size: 1.2em;
width: 1.4em;
text-align: center;
}

.numbers{
  height: 80px;
  overflow: scroll;
}
