From 50746a365e84985bb9bd9c35a419ad5a3be1a3b6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Wed, 24 Jun 2026 12:06:31 +0200 Subject: [PATCH] Wrap text layout in basic card --- patterns/public-page-patterns.html | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/patterns/public-page-patterns.html b/patterns/public-page-patterns.html index bcc573d..8981443 100644 --- a/patterns/public-page-patterns.html +++ b/patterns/public-page-patterns.html @@ -40,17 +40,20 @@
-

Pattern: Text zweispaltig (mobil gestacked)

-
-
-

- Text zweispaltig links: Dieses Layout teilt den Text in zwei gleich breite Spalten mit jeweils fünfzig Prozent Breite auf. Es eignet sich besonders für längere inhaltliche Abschnitte, in denen eine kompaktere Zeilenlänge die Lesbarkeit verbessert. -

-

- Text zweispaltig rechts: Gleichzeitig bleibt die Informationsdichte hoch, ohne dass der visuelle Rhythmus in langen einspaltigen Textflächen verloren geht. Durch die symmetrische Aufteilung entstehen klare Leseachsen für Analyse- und Detailseiten. -

+
+
+
+
+

+ Text zweispaltig links: Dieses Layout teilt den Text in zwei gleich breite Spalten mit jeweils fünfzig Prozent Breite auf. Es eignet sich besonders für längere inhaltliche Abschnitte, in denen eine kompaktere Zeilenlänge die Lesbarkeit verbessert. +

+

+ Text zweispaltig rechts: Gleichzeitig bleibt die Informationsdichte hoch, ohne dass der visuelle Rhythmus in langen einspaltigen Textflächen verloren geht. Durch die symmetrische Aufteilung entstehen klare Leseachsen für Analyse- und Detailseiten. +

+
+
-
+