Bei der hier demonstrierten Anwendung von "Zwei Container nebeneinander" wurde ein Video neben einem Text positioniert.
Mit dem Element "Zwei Container nebeneinander" ist es möglich zwei farbige Container nebeneinander zu platzieren. Jeder Container enthält ein UX Element.
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%.
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.
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.
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.
Die Hintergrundfarbe des ersten Container wird auf eine der zentral festgelegten Farben festgelegt, was eine einfache Aktualisierung aller Seiten gleichzeitig ermöglicht.
Die Hintergrundfarbe des zweiten Container wird auf eine der zentral festgelegten Farben festgelegt, was eine einfache Aktualisierung aller Seiten gleichzeitig ermöglicht.