First flexbox-fiddle 02

by agib

HTML

<div class="container">
<div class="row">
    <div class="box">Box 1</div>
    <div class="box">Box 2</div>
    <div class="box">Box 3</div>
    <div class="box">Box 4</div>
    <div class="box">Box 5</div>
    <div class="box">Box 6</div>
    <div class="box">Box 7</div>
    <div class="box">Box 8</div>
    <div class="box">Box 9</div>
    <div class="box">Box 10</div>
    <div class="box">Box 11</div>
</div>
</div>

CSS

.container {
   font-family: Arial;
}
.row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    
}
.box {
    background-color: #e3e3e3;
    border: 1px solid #777;
    min-height: 80px;
    margin-left: 12px;
    margin-bottom: 12px;
    width: 160px;
    /*flex: 1;    */
   /* -webkit-align-content: flex-end;*/
}