2 Rows of categories

by dke358

HTML

<div id="container">
    <div class="box">test1</div>
    <div class="box">test2</div>
    <div class="box">test3</div>
    <div class="box">test4</div>
    <div class="box">test5</div>
    <div class="box">test6</div>
    <span class="stretch"></span>
</div>
<div id="container">
    <div class="box">test7</div>
    <div class="box">test8</div>
    <div class="box">test9</div>
    <div class="box">test10</div>
    <div class="box">test11</div>
    <div class="box">test12</div>
    <span class="stretch"></span>
</div>

CSS

#container {
    
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    
    /* just for demo */
    min-width: 612px;
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
}

.box{
    width: 150px;
    
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}