How do I center a grid layout if there are fewer items than columns?
I want a responsive grid layout where the number of columns changes dynamically based on screen size, and if there are fewer items than columns, the grid items should be centered. So they are not on aligned on the left side. Any idea how to solve that?
CSS GRID adjust all item inside grid column to match the height of content of other grid item column
https://play.tailwindcss.com/3wDGoAdjCi adjust column height