Von b_funke |

Darstellung von Bilder in zwei Spalten

HTML

<div class="row">
            <div class="column">
                <img src="bilder/enkheimer_ried.webp" alt="Enheimer Ried"/> 
                <img src="bilder/lohrberg.webp" alt="Weinberg am Frankfurter Lohrberg"/>
            </div>
            
            
            <div class="column">
                <img src="bilder/klappergasse.webp" alt="Klappergasse"/>
 

 
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%;
}