Как правильно сосредоточить и выравнивать изгибные элементы в Taillid CSS при использовании Levify-Start и Items-Center? ⇐ CSS

[Anonymous]

Я использую Tailwind CSS для стилей карт в контейнере изгиба. Первоначально я сосредоточил карты горизонтально и вертикально, используя элементы-центр и оправдать центр . Тем не менее, я столкнулся с проблемой, когда, когда есть только несколько карт, они оставляют достаточно места между ними. Чтобы решить эту проблему, я попытался использовать Learyify-Start , который решил проблему расстояния, но это заставило карты неправильно центрироваться в контейнере.

Код: Выделить всё

{series &&
series.map(
(serie) =>
serie.backdrop_path &&
serie.overview &&
!("success" in serie) && (
className="w-[170px] max-w-sm lg:w-[220px] rounded text-slate-200 p-2 flex-shrink-0"
key={serie.id}
>


)
)}

И вот текущий результат:

Что я хочу, чтобы это было: p>

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

Подробнее здесь: https://stackoverflow.com/questions/782 ... -justify-s