Как я могу начать макет сетки из центра, чтобы сохранить центр экрана с помощью попутного ветра? ⇐ CSS

[Anonymous]

Я перепробовал множество вариантов, но ничего не помогло. Наконец, я здесь, чтобы попросить сообщество исправить мою проблему. По сути, у меня есть макет сетки с 6 столбцами.
Когда мой клиент загружает изображения, они начинаются слева направо. Требование состоит в том, что если они загружают 1, 2 или 3 изображения, они должны располагаться в центре экрана, чтобы они выглядели красиво.
Вот мой код. Буду признателен, если кто-нибудь сможет мне помочь!

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

   className="grid grid-cols-3 md:grid-cols-6 lg:grid-cols-6 gap-1 md:mt-20 mb-5"
>
{meta.media?.map((m, i) => (

[img]{[/img]
   className="h-full object-cover w-full"
alt=""
/>

))}

Будем признательны за любое решение!

Подробнее здесь: https://stackoverflow.com/questions/784 ... en-using-t