Zitat von
mdoll
Moin,
wahrscheinlich ist die einfachste Lösung mit CSS-Grid:
Code:
.media--below {
display: grid;
justify-items: center; /* zentriert das Bild, ggf. kann die Anweisung auch weggelassen werden */
}
/* Bild unter den Text */
.media--below > figure {
order: 5;
}
Gruß
Mathias
hallo mathias,
danke für den anstoß!
mein beitrag wäre, die zentrierung in der ersten klasse zu entfernen, weil dann bspw. auch andere element (überschriften usw) zentriert dargestellt werden.
stattdessen zentrierung nur auf das figure element anwenden:
HTML-Code:
.media--below {
display: grid;
/* justify-items: center; zentriert das Bild, ggf. kann die Anweisung auch weggelassen werden */
}
/* Bild unter den Text */
.media--below > figure {
justify-self: center;
order: 15;
}
just in case ... es läse noch mal jemand nach
viele grüße
karsten
Lesezeichen