Die UX Agency aus Ingolstadt - Website To Go Partner
In diesem Fall handelt es sich um eine Demonstration von einem Bild mit einem Element nebenan.
Mit diesem Element ist es möglich, ein Bild neben einem anderen Element in einem Hintergrund Container zu platzieren. Dabei wird das Bild als ein Element betrachtet, das sich neben einem anderen befindet. Diese Methode ermöglicht es, verschiedene visuelle Elemente auf einer Webseite ansprechend anzuordnen. Durch die Verwendung von CSS kann das Bild mit dem Element nebenan präzise positioniert werden. Diese Technik eröffnet zahlreiche Gestaltungsmöglichkeiten und ermöglicht es, den Inhalt einer Webseite attraktiv und übersichtlich zu präsentieren.
Für die mobile Version kann festgelegt werden, ob das Bild über dem Element im Hintergrund Container dargestellt werden soll oder darunter.
Für Desktop Geräte kann festgelegt werden, ob das Bild auf der rechten oder auf der linken Seite angezeigt werden soll.
Das Bild der zitierten Person kann automatisch in verschiedenen Formaten wie 1:1 oder 16:9 zugeschnitten werden. Dabei erfolgt der Zuschnitt automatisch, sodass das Bild perfekt in das gewünschte Format passt.
Für den Desktop kann festgelegt werden, wie das Bild skalieren soll. Entweder wird das Bild in originaler Größe dargestellt, sodass es komplett zu sehen ist oder es passt sich an das daneben platzierte Element an und richtet sich nach dessen Größe.
Die Hintergrundfarbe des Container kann auf eine der zentral festgelegten Farben festgelegt werden, was eine einfache Aktualisierung aller Seiten gleichzeitig ermöglicht.
Für die Darstellung des Containers und des Bildes gibt es drei Optionen: über die volle Breite mit einer Platzverteilung von 50/50 oder als Bild im Hintergrund mit einem überlagernden Container oder als zwei Kacheln nebeneinander mit gleicher Höhe.