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


Would this work for you ([demo](

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]( I just made for the Equalizer plugin.