Problem mit flexibler/responsiver Positionierung

[marc]

Ich habe eine Seite mit zwölf quadratischen Elementen (mit fester Größe, und festen Zwischenabständen (horizontal und vertikal) zueinander), die in zwei Reihen (à sechs Elemente) und als Ganzes zentriert dargestellt werden sollen, solange die Viewport-Breite das zulässt. Wenn der Platz in der Horizontale nicht ausreicht, sollen sie in drei Reihen à vier Elemente (und wieder als Ganzes zentriert) dargestellt werden. Beziehungsweise in vier Reihen à drei Elemente, sechs Reihen à zwei Elemente oder zwölf Reihen à ein Element bei noch schmaleren Viewport-Breiten.

Ich habe mich einen Teil des Weges angenähert, aber zum oben beschriebenem Ergebnis komme ich einfach nicht und der Code, den ich verwendet hab, ist auch nicht sehr elegant und enthält veraltete Attribute. Ich hoffe, dass mir hier jemand helfen kann, der mehr von Positionierung versteht.