I am a beginner on TailwindCSS here, and I need to build a grid with "Cards" which might need to accomodate a large description, the idea is to have a "more" link which will display the whole description. My problem is when one of the cells is growing, all the cells in the same row grow at the size of the expanded one. I would like that only the expanded cell border grows but the rest remain collapsed.
It is ok if the whole row is expanded, the thing is the border should remain collapsed. Probably is more a CSS than a Tailwind thing but as I said, I am a beginner here.
HTML (https://codepen.io/telit0/details/WNdbwMG)
>Solution :
One simple solution would be using items-start from tailwind itself
There are also items-end, items-center, items-baseline, item-stretch, depending on how you need to align your content vertically within your grid items.