Bild links, Text rechts – ohne eigene Media Query
Für Listenansichten ist die klassische Card mit Bild oben oft zu hoch. Nebeneinander gestellt passen deutlich mehr Einträge auf den Bildschirm, ohne dass etwas verloren geht.
Der Umbau kommt ohne eigenes CSS aus: die Card bekommt ein Grid mit zwei Spalten, das Bild wandert in die erste, der Card-Body in die zweite. Über die Breakpoint-Angaben am Grid entscheidest du, ab wann nebeneinander gestellt wird – darunter stapelt es sich von selbst wieder untereinander.
Beim Bild ist die Ecke die Stelle, an der es unsauber wird: die Klasse für abgerundete Ecken oben passt hier nicht mehr, weil das Bild links steht. Bootstrap hat dafür Varianten für die jeweilige Seite – sonst schaut die Bildecke über den Kartenrand hinaus.
Wenn die Bilder unterschiedliche Seitenverhältnisse haben, hilft object-fit: cover an der Bildspalte. Damit füllt jedes Bild dieselbe Fläche, statt die Zeilenhöhe zu bestimmen.