Build a bento-style features grid with Tailwind CSS using a 6-column, auto-row layout. Mix tile sizes: one large 2x2 hero tile, a couple of wide 2x1 tiles, and several 1x1 tiles. Each tile has a rounded-2xl surface, an icon or small graphic area, a bold title, and a short line of copy. Vary background tints subtly. Collapse to a single column on mobile.
Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the
finished markup? .
Build a bento-style features grid with Tailwind CSS using a 6-column, auto-row layout. Mix tile sizes: one large 2x2 hero tile, a couple of wide 2x1 tiles, and several 1x1 tiles. Each tile has a rounded-2xl surface, an icon or small graphic area, a bold title, and a short line of copy. Vary background tints subtly. Collapse to a single column on mobile.
