O.K., guten Abend Leute,
wie folgt, funktioniert es nun (Bei meinem Opera 49.0 / Firefox 57.0 und IE 11)
section > div {display: flex; flex-grow: 0; flex-shrink: 0; width: 34rem; max-width: 85vmin; margin: 0 auto; border: 1px dotted brown;}
.blog figure {
flex-grow: 0; flex-shrink: 0;
max-width:100%;
height:auto;
position: relative;
display:block;
margin:0 auto;
border: 1px dotted green;
}
.blog figcaption {
font-size: 0.97rem;
text-align: center;
padding-top: 0.5rem;
}
img {
width:100% !important;
height:auto !important;
display:block;
border: 1px dotted orange;
}
Bestimmt kann da noch etwas "weggestrichen" werden was unütz ist, aber das find ich morgen heraus.
In der ANWENDUNG Seite in der ANWENDUNG
Mit der BITTE das ihr es selbst auch mal austestet ob es funktioniert!
Und ihr mir villeicht auch sagt was davon noch unütz ist!
Lieben Gruß und gute n8
der einsiedelnde