Zentrierung: Versuch 2

Am Beispiel der Galerie soll getestet werden, wie diese zentriert werden kann bei gleichzeitiger Begrenzung der Breite ohne dabei Inhalt in den Grid-Spalten links und rechts davon zu haben.

Die Grid Klassen sind hier g10-pre3-suf3 in nur einem Artikel. Hier im zweiten Versuch habe ich weitere Grid-Klassen generiert für "Prefix" und "Suffix" Angaben eines Artikels.

Es gibt pre1 bis pre15 und suf1 bis suf15, diese haben in Prozent die Breite von den dazu passenden g-Klassen inklusive der 2 % (1+1) margin Abständen, nur ebend als padding-left bzw. padding-write definiert.

Beispiel: g1 hat width:4.25%, somit hat pre1 ein padding-left:6.25% und ein suf1 ein padding-right:6.25%

Will man nun den Versuch 1 der Zentrierung nachbauen mit nur einem Artikel in der Seite, gibt man diesem die Klassen: g10 pre3 suf3

Damit kann man natürlich nicht nur zentrieren. Eine einzelne Box rechts am Rand könnte man z.B. mit "g3 pre13" erreichen.