Newsliste mit abwechselnder Listung

Hallo zusammen,

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

Code:

---

:nth-child(2n)

---

bekomme ich das nicht hin.

Anhang 25733

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

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

Hallo Marco,

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

Viele Grüße
Mirko