CSS - Bild Höhe neben flexiblen Text Container anpassen, wenn Display schmaler wird

[Rolf B]

Hallo ebody,

schau Dir mal die Eigenschaftswerte cover und contain für background-size an. In einem img-Element kannst Du mit der object-fit Eigenschaft ebenfalls cover oder contain festlegen. Das img kannst Du mittels height an seinen Container anpassen. Oder Du überlässt das dem Layoutmodell des Browsers, z.B. mit align-items:stretch (was bei Flexbox eh Default ist).

Bei Grid müsstest Du es explizit angeben, weil ein img eine intrinsische Größe hat, da wird es nicht gleich gestretcht.

Rolf