Multiple charts with flexbox

index.html

<div class="container">
  <div class="Grid">
    <div class="Grid-cell">1</div>
    <div class="Grid-cell">2</div>
    <div class="Grid-cell">3</div>
    <div class="Grid-cell">4</div>
    <div class="Grid-cell">5</div>
  </div>
</div>

Multiple charts with flexbox.markdown

Multiple charts with flexbox

(work in progress)

A Pen by Riccardo Scalco on CodePen.

License.

style.css

.Grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media  (max-width: 540px) {
  .Grid {
    justify-content: space-around;
  }
}

.Grid-cell {
  background-color: gray;
  width: 250px;
  height: 300px;
}