Как убрать расстояние между блоками при переносе?

Question

[NonFame]

Есть блок с товарами.

Использую: display: flex; justify-content: space-between - для равных отступов между товарами.

flex-wrap: wrap; - для переноса на другую строку.

Проблема в том, что не могу понять как убрать промежуток между товарами во второй строке.

<div class="main__content__found">
                <ul class="main__content__found__house">
                    <li>
                        <img src="img/about-houseLower.png" alt="">
                        <div class="main__content__found__about-house">
                        <section class="main__content__found__about-house__left-side">
                                <p class="main__content__found__about-house__text-bold">130 м2</p>
                                <p class="main__content__found__about-house__text">5 комнат</p>
                                <p class="main__content__found__about-house__text">1 санузел</p>
                                <p class="main__content__found__about-house__text-bold">2 500 000 руб.</p>
                            <button class="btn">Описание проекта</button>
                            </section>
                            <section class="main__content__found__about-house__right-side">
                                <p class="main__content__found__about-house__text-bold">Проект «Древо»</p>
                                <p class="main__content__found__about-house__text">2 этажа</p>
                                <p class="main__content__found__about-house__text">30 дней</p>
                                <button class="btn">Условия покупки</button>
                            </section>
                        </div>
                    </li>
                </ul>

.main__content__found {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

Comments

[Ankhena]

1. Вставить пустые элементы с шириной как у обычных и нулевой высотой. Если 3 столбца это максимум, то достаточно псевдоэлемента.
2. Не использовать space-between, заменить на margin
3. И самый удобный вариант, вместо флекса использовать грид.

Answer 1

[WapSter]

Юзай гриды

Answer 2

[Антон Антон]

Тот самый случай, когда grid лучше

Answer 3

[Maxim Kirshin]

Не использовать space-between, а использовать margin'ы

Answer 4

[McBernar]

:last-child {
margin-right: auto;
}