Center items after a delete with flex grid ?

[Nico7522]

[wongjn]

For three items, you can center them by having grid columns equal to 3:

-<div className="sm:grid sm:grid-cols-4 sm:gap-4 sm:justify-center sm:content-center m-auto bg-white w-3/4 max-w-7xl flex flex-col">
+<div className="sm:grid sm:grid-cols-3 sm:gap-4 sm:justify-center sm:content-center m-auto bg-white w-3/4 max-w-7xl flex flex-col">

See live example on Tailwind Play.

[Nico7522]

But now if I have 2 items there no more center.

What i need is to always got my items center wathever the number of items I have

[wongjn]

You could consider having 8 grid column tracks, having the items span two columns, and then offset the first item as necessary: https://play.tailwindcss.com/v97DchQ7Ks