Display inline blocks fluids

by Lucas Silva

HTML

<div class="container">
  <div></div>
  <div></div>
  <div class="clandestino"></div>
  <div></div>
  <div></div>
  <div></div>
  <div class="teste"></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
<div>

CSS

div {
  height: 50px;
  min-width: 50px;
  background: red;
  margin: 5px;
  flex: 1 0 auto;
}

.teste {
  width: 110px;
}

.clandestino {
  width: 75px;
}

.container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: blue;
  height: 100%;
}