Responsive Flipcard

[Bushisan]

Hallo zusammen,

brauche wieder mal Eure Hilfe.

habe hier:

https://www.shotokan-karate-dojo-neukir ... index.html

mal ne flipcard erstellt. der obere Block ist ein Mobiriseblock in den ich das reingeschraubt habe. Der unter Block ist ein KI Block.

Ich hätte die Grafiken gern responsive und schaffe das nicht

Bin sicher Ihr könnt mir helfen

Grüße Hubert

[Tommy Herrmann]

Moin,

das ist jetzt so aus der Ferne blöd zu probieren. Damit sich das Bild verkleinert müsstest Du eine maximale Breite angeben, von z.B. 90%

max-width: 90%;

Beispiel für hinten:

Code: Alles auswählen

.flipcard-back img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  max-width: 90%;
}

Wahrscheinlich muss dann die CSS noch an anderen Stellen geändert werden wie der class="flipcard-front img" und wahrscheinlich auch dem Selektor "img" selbst.

[Bushisan]

Morgen Tommy,
Ich probier das im Laufe des Tages mal aus.
Dankeschön

Gruß Hubert

[Bushisan]

Hallo Tommy,
hat prima funktioniert - Dankeschön
Schönen Tach noch
Hubert

[Tommy Herrmann]

na prima