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

               Laden                 Bergstraße            
               Holzhausenschloss