.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 10px;
}

.flex div {
  height: 40px;
  min-width: 200px;
  text-align: center;
  border-width: 5px;
  line-height: 40px;
  margin: 20px 0;
  border-color: #3178c6;
}

.dotted {
  border-style: dotted;
}

.dashed {
  border-style: dashed;
}

.solid {
  border-style: solid;
}

.groove {
  border-style: groove;
}

.ridge {
  border-style: ridge;
}
.inset {
  border-style: inset;
}

.outset {
  border-style: outset;
}

.double {
  border-style: double;
}