Variables und Individuelles
Grid-System
Mit dem responsiven Grid-System von themeless kannst du Elemente nach Belieben platzieren, die Ausgabe je Device steuern und den Spaltenabstand individuell einstellen.
Inhalte responsiv ausgeben
Spalten für jede Bildschirmgröße
Mit dem Grid-System definierst du die Spaltenaufteilung für den Desktop, das Tablet und das Smartphone separat voneinander. Hier erfährst du, wie du das Grid erweitern kannst.
Inhalte ausrichten
Wähle die Ausrichtung der Inhalte
Passe den Inhalt der Spalten nach deinen Wünschen an – kleinere Elemente orientieren sich dabei am größeren Element.
Inhalte können oben, mittig oder unten ausgerichtet werden.
Gap-Faktor
Individuelle Spaltenabstände
Für die maximale Flexibilität kannst du jedem Grid einen Gap-Factor mitgeben. Damit wird dein definierter Spaltenabstand multipliziert, um ihn zu vergrößern oder verkleinern.
x1 Gap-Faktor
x2 Gap-Faktor
x0 Gap-Faktor
HTML-Tag
Semantische Tags verwenden
Erhalte mehr Kontrolle über die Ausgabe deines Grid-Wrappers. Anstelle eines Div-Containers kannst du semantische Tags verwenden und damit zur Barrierefreiheit beitragen.
<section>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
</section>