Макет галереи кладки - PullRequest
Новая
       5

Макет галереи кладки

0 голосов
/ 07 мая 2020

Я пытаюсь построить макет кирпичной кладки с вертикальной оберткой, но это не работает. Я не знаю, потому что размер изображений или flexbox не предназначен для этого.

Это мой CSS Код 

html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }

        .container {
            max-width: 960px;
            height: 80vh;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            column-gap: 0;
        }

        div {
            width: 33.3%;
        }

        img {
            width: 100%;
        }

Это мой HTML : 

<section class="container">
        <div>
            <img src="warsaw.jpg" alt="">
        </div>
        <div>
            <img src="old%20town%20warsaw.jpg" alt="">
        </div>
        <div>
            <img src="Krakow-Wawel-Castle.jpg" alt="">
        </div>
        <div>
            <img src="warsaw.jpg" alt="">
        </div>
        <div>
            <img src="Krakow-Wawel-Castle.jpg" alt="">
        </div>
        <div>
            <img src="old%20town%20warsaw.jpg" alt="">
        </div>
    </section>
...