Eigene Website bauen mit HTML5 + CCS3 ( mit Responsive Design)

<style>
        .container {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }
        .container figure {
            display: inline-block;
            flex-basis: calc(33% - 1em);
            margin: 0.5em;
        }
        .container figure img {
            width: 100%;
            height: auto;
        }
        .container figure figcaption {
            text-align: center;
        }
    </style>
    <div class="container">
        <figure>
            <img src="images/dia0.jpg" />
            <figcaption>Dies ist die Bildbeschriftung</figcaption>
        </figure>
        <figure>
            <img src="images/dia1.jpg" />
            <figcaption>Dies ist die Bildbeschriftung</figcaption>
        </figure>
        <figure>
            <img src="images/dia2.jpg" />
            <figcaption>Dies ist die Bildbeschriftung</figcaption>
        </figure>
        <figure>
            <img src="images/dia3.jpg" />
            <figcaption>Dies ist die Bildbeschriftung</figcaption>
        </figure>
        <figure>
            <img src="images/dia4.jpg" />
            <figcaption>Dies ist die Bildbeschriftung</figcaption>
        </figure>
        <figure>
            <img src="images/dia5.jpg" />
            <figcaption>Dies ist die Bildbeschriftung</figcaption>
        </figure>
    </div>