Text neben Video

Bei der hier demonstrierten Anwendung von "Zwei Container nebeneinander" wurde ein Video neben einem Text positioniert.

Zwei Container nebeneinander

Positionierung UX Element

Mit dem Element "Zwei Container nebeneinander" ist es möglich zwei farbige Container nebeneinander zu platzieren. Jeder Container enthält ein UX Element.

Mögliche Einstellungen

Allgemeines

Platzverteilung

Bei der Platzverteilung der beiden Container gibt es verschiedene Einstellungsmöglichkeiten, wodurch der linke oder der rechte Container mehr oder weniger Platz erhalten werden. Grundsätzlich ist die Platzverteilung immer 50% zu 50%.

Reihenfolge Desktop

Auf mobilen Geräten werden die Elemente immer untereinander dargestellt. Hier ist der erste Container oben und der zweite Container immer unten. Auf dem Desktop kann die Reihenfolge getauscht werden, sodass der erste Container rechts statt links platziert wird.

Positionierung Desktop

Auf Desktop Geräten kann festgelegt werden, wir sich die Container vertikal ausrichten sollten. Sie können entweder oben bündig, zentriert oder unten bündig angeordnet werden.

Maximale Breite

Für das UX Element der Website kann man für Desktop-Geräte eine maximale Breite festlegen. Dadurch wird eine optimale Darstellung auf großen Bildschirmen gewährleistet und die Benutzerfreundlichkeit verbessert. Die maximale Breite ermöglicht eine klare Strukturierung und ein ansprechendes Design, das die Inhalte optimal präsentiert.

Hintergründe

Hintergrund Farbe erster Container

Die Hintergrundfarbe des ersten Container wird auf eine der zentral festgelegten Farben festgelegt, was eine einfache Aktualisierung aller Seiten gleichzeitig ermöglicht.

Hintergrund Farbe zweiter Container

Die Hintergrundfarbe des zweiten Container wird auf eine der zentral festgelegten Farben festgelegt, was eine einfache Aktualisierung aller Seiten gleichzeitig ermöglicht.

Wende Dich an uns!

Neue Funktionen gewünscht oder ein anderes Anliegen?

Image

Please leave this field empty!

Please do not fill this field out!