Как лучше сделать такую верстку с карточками

[Krasi]

Накидал на основе

<div style="display:flex">

вот такое расположение карточек...

Снимок экрана 2023-03-11 в 13.03.11.jpg

Видно, что wrap работает, при изменении размеров карточки переносятся.

Снимок экрана 2023-03-11 в 13.05.46.jpg

Считаю, что равнение по левому краю тут оптимально, потому что каждая новая карточка с новой строки должна начинаться слева, а не посередине. Но тогда справа много фиолетового пустого пространства, которое возникает потому, что у каждой карточки задан размер.

Я хочу сделать так, чтобы перенос оставался работать, но пустого пространства справа не оставалось, при этом желательно, чтобы каждая карточка могла немного растягиваться по ширине, когда есть лишнее пространство. Как это сделать проще всего, без геммора?

[Krasi]

Хорошо, давайте тогда не так. На странице https://genervis.ru/main.php если создать несколько карточек - они отображаются некорректно
Снимок экрана 2023-03-13 в 11.52.45.jpg

То есть установлена опция space-between, и в сетку флекса попал 1 элемент на последней строке, он равняется не по левому краю, а центрируется... Как это поправить?