block by riccardoscalco 567aaa0390dcfb4d7aa6

Multiple charts with flexbox

Full Screen

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](http://codepen.io/riccardoscalco/pen/LVbgeQ) by [Riccardo Scalco](http://codepen.io/riccardoscalco) on [CodePen](http://codepen.io/).

[License](http://codepen.io/riccardoscalco/pen/LVbgeQ/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;
}