Home › Forums › CSS › responsive “table” matrix › Re: responsive “table” matrix
January 6, 2013 at 10:04 am
#120018
Member
Would this work for you ([demo](http://jsfiddle.net/Mottie/wps2H/1/))?
div {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div:nth-child(3n+1) {
clear: both;
}
@media all and (max-width: 500px) {
div {
float: none;
}
}
if you need to equalize the height of each block, then check out this [adaptive demo](http://css-tricks.github.com/Equalizer/adaptive.html) I just made for the Equalizer plugin.