HTML
<div class="flex-container">
<div><img src="bild1.jpg" alt="Bild1"/></div>
<div><img src="bild2.jpg" alt="Bild2"/></div>
<div><img src="bild3.jpg" alt="Bild3"/></div>
<div><img src="bild4.jpg" alt="Bild4"/></div>
<div><img src="Bild5.jpg" alt="Bild5"/></div>
</div>
<div><img src="bild1.jpg" alt="Bild1"/></div>
<div><img src="bild2.jpg" alt="Bild2"/></div>
<div><img src="bild3.jpg" alt="Bild3"/></div>
<div><img src="bild4.jpg" alt="Bild4"/></div>
<div><img src="Bild5.jpg" alt="Bild5"/></div>
</div>
CSS
.flex-container {
display: flex;
flex-wrap: wrap;
}
/*flex-wrap:nowrap erzwingt eine Zeile*/
.flex-container > div {
width: 200px;
margin: 10px;
text-align: center;
}
.flex-container > div img
{width:80%;}
