Responsive img grenzenlos min-width kombi max-width und img+txt gleiche höhe

[Gunnar Bittersmann]

@@Henry

Oder gehst das doch irgendwie?

Ja, natürlich.

Ja? Aber nicht so einfach wie zb. <img src="..." style="min-width:10%;max-width:100%;">?

Doch. Was sollte daran nicht gehen?

BTW: alt-Attribut fehlt.

Ja, natürlich. Wir haben schließlich 2018.

Danke für deine Mühe. Leider ist das eben genau, was ich meinte. Hier kommt wieder Flexbox/Float zum Einsatz

Warum auch nicht?

obwohl die Schwächen sowieso bekannt sind

Die Schwächen von Flexbox wären welche?

und im Übrigen es ja nur um eine simple Ausrichtung geht, die doch 2018 (so sollte man meinen) mit einem einzigen simplen Befehl, ähnlich vertical-align, komplett erledigt sein sollte.

Gut, es sind zwei Deklarationen: display: flex; align-items: center. Was ist dein Punkt?

„CSS kennt im Übrigen keine Befehle, bestenfalls Empfehle, ehm. ;-)“ (Orlando)

Mich wundert auch, dass du als Grid-Spezialist hier nicht eine Variante damit gezaubert hast, müsste doch gehen oder?

Wenn du flexible Boxen willst, willst du Flexbox, nicht Grid.

Du bist nicht dem Irrtum erlegen, Grid solle Flexbox ablösen, oder?

Nachtrag: Ist bei deinem Beispiel die fehlende viewportangabe <meta name="viewport"… Absicht gewesen?

Hab ich mal ergänzt. Ändert das bei einem Codepen irgendwas?

LLAP 🖖