Von b_funke |
Darstellung von Bildern in zwei Spalten
HTML
<div class="row">
<div class="column">
<img src="bild1.webp" alt="Bild1"/>
<img src="bild2.webp" alt="Bild2"/>
</div>
<div class="column">
<img src="bild3.webp" alt="Bild3"/>
</div>
CSS
.row {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
padding: 0 4px;
}
/* Zwei gleiche Spalten nebeneinander */
.column {
-ms-flex: 45%; /* IE10 */
flex: 45%;
max-width: 45%;
padding: 0 4px;
}
.column img {
margin-top: 8px;
vertical-align: middle;
width: 95%;
}