Ausrichtung von Elementen mit css/flex

[Rolf B]

Hallo Wolfi,

0a. Webkit-Präfixe für Flexbox braucht man für Safari vor Version 9; ist das noch relevant?

0b.   ist das falsche Werkzeug für Abstände. Du willst margin-left und margin-right. Wenn Dich der linke Rand am 1. Element und der rechte Rand am letzten Element stören - das kann man durch geschickten Einsatz der Pseudoklassen steuern (:not(:first-of-type), :not(:last-of-type))

0c. Pixel ist das falsche Maß für responsive Webseiten. Nimm em, insbesondere für den Breakpoint der @media Abfrage

1. Gib div.hori2verti ein margin:0 auto,
   oder setze dafür width:100% und justify-content:center; dann muss aber auch das width:300px von den Kindern weg (diese Breite stört bei der vertikalen Ausrichtung sowieso)

2. geht irgendwie, weiß aber grad nicht wie. Dazu kommt bestimmt von anderen was.

3a. Das Problem ist .hori2verti>* {width:300px}, der macht die p zu breit. Mach mal einen rahmen um die p, dann siehst Du das. WIE Du das löst, hängt von deinem Gesamt-Anwendungsfall ab. Deswegen habe ich keine Lösung in der Schublade

3b. Die Texte sind <p> Elemente, die haben oben und unten margin. Den kannst Du entfernen.

So. Und nun: BRAUCHST Du diese DIV-Schachtelung so? Das sieht umständlich aus. Was genau sind deine Anforderungen, insbesondere für die Bilder?

Rolf