Das 1120er Pixel Grid

Das 1120er Pixel Grid basiert auf dem 960er welches Contao 3 mitbringt, hat aber folgende Eigenschaften:

• 1120 Pixel Breite (wrapper)
• 16 Spalten
• Spaltenbreite: 50px
• Abstände links/rechts: je 10px

Die Namen der jeweiligen Klassen sind geblieben, jedoch auf 16 erweitert (grid1 - grid16) bzw. (offset1 - offset15). Auch die responsive Eigenschaft des Originals bleibt erhalten, wurde natürlich angepasst. Zwischen 768px und 979px Auflösung werden die Spalteneigenschaften wie folgt geändert:

• 768 Pixel Breite (wrapper)
• Spaltenbreite: 28px

Mit einer Auflösung kleiner 768 Pixel werden die Spalteneigenschaften wie folgt geändert:

• Breite: Automatik (width:auto;)
• Floating: aus
• Abstände links/rechts: 0

 

Auf den Unterseiten wird dieses Grid genutzt und Anwendungsbeispiele gezeigt.