TOC
wwworkshop
Juicy Workshop

2.5.7
Bilder (und Text) im Raster

HTML

<div class="images">
    <div>
        <img src="characters/a.png">
        <p>Dies ist ein A!</p>
    </div>
    <div>
        <img src="characters/b.png">
        <p>Dies ist ein B?</p>
    </div>
    <div>
        <img src="characters/a.png">
    </div>
    <div>
        <img src="characters/b.png">
    </div>
</div>

CSS

.images {
    display: flex;
    flex-wrap: wrap;
}

.images div {
    width: 50%;
}

.images img {
    width: 100%;
}