Как центрировать последний ряд в сетке, когда количество элементов и количества столбцов противоположны в паритинге? ⇐ Html

[Anonymous]

Я пытаюсь сделать список кругов. На маленьком экране я хочу, чтобы они были размещены в сетке с двумя колонами. Но проблема в том, что если количество элементов и количества столбцов противоположны в паритинге, в моем случае у меня было 5 кругов, то останется один круг. Этот круг будет размещен на ячейке слева от последнего ряда сетки. Но я хочу сделать это в центре. Я попытался использовать Col-Span-Full, но это увеличит этот круг. Есть ли способ, которым я могу архивировать это. Вот мой код < /p>

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

.circle {
@apply w-full aspect-square rounded-full bg-blue-600 lg:col-span-1;
}

Подробнее здесь: https://stackoverflow.com/questions/794 ... -and-numbe