Как создать flexible верстку?

<div class="wrap">
                    <div class="test">
                        1
                    </div>
                    <div class="test">
                        2
                    </div>
                    <div class="test">
                        3
                    </div>
                    <div class="test">
                        4
                    </div>
                    <div class="test">
                        5
                    </div>
                    <div class="test">
                        6
                    </div>
                </div>

.wrap {
    display: block;
}

.test {
    display: inline-block;
    width: 200px; // одна карточка будет к примеру 400px
    height: 160px; // одна карточка будет к примеру 320px
}