Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS responsive “table” matrix Re: responsive “table” matrix

#120018
Mottie
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.