Quadratisch, Grid, nicht gut

[Gunnar Bittersmann]

Fällt mir nur keine Lösung ein oder gibt’s keine?

Zwei gleich große quadratische Kacheln nebeneinander: in der einen Text; in der anderen ein Bild, das unten abgeschnitten wird. ☞ Codepen: Problem

Wenn der Text länger wird (Details öffnen), vergrößert sich die Text-Kachel, fein. Dann sieht es aber blöd aus, dass die Bildkachel nicht gleichhoch ist, obwohl ja mehr vom Bild angezeigt werden könnte.

Per JavaScript ließen sich Höhe und Breite der Textkachel auslesen und das Seitenverhältnis der Bildkachel zuweisen. Dann sieht’s so aus wie es soll. ☞ Codepen: JavaScript

Aber kriegt man das auch ohne JavaScript hin?

🖖 Живіть довго і процвітайте