Newsliste mit abwechselnder Listung

[wiedMedia]

Hallo zusammen,

ich möchte eine News-Liste mit abwechselnder Listung (siehe Bild) der News (Teaser).
Mit CSS bzw.

:nth-child(2n)

bekomme ich das nicht hin.

Beispiel_News-Liste.jpg

Könnt ihr mir einen Tipp geben wie ich ggf. die news_newslist.html5 so ändere das eine
abwechselnde Darstellung erzeugt wird?

Viele Grüße und Dank
Mirko

[Kopfnuss]

Hey,

schau dir mal flex-box an und die Eigenschaft flow-direction: row/row-reverse;
Damit kannst du jedes zweite Element (:nth-child(2n)) einfach die Richtung ändern, welche die Boxen aufgelistet werden.

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Beispiel kannst du dir hier anschauen:
https://www.hotel-meerane.de/de/arrangements.html

Gruß
Marco

[wiedMedia]

Hallo Marco,

super - vielen Dank für Deine Hilfe, genau das habe ich gebraucht!!!

Viele Grüße
Mirko