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.