Code Block Creator Tool

A quick one this morning, prompted by some helpful feedback from someone 'kicking the tyres' on Rise Canvas. They pointed out that the flip cards weren't reflowing nicely on a phone, instead of stacking into a single column, they stayed in their desktop column count and got crammed into tiny widths with text spilling over. They'd even gone to the trouble of documenting Rise's own responsive breakpoints, which was generous and genuinely useful.

It turned out to be a regression rather than something I'd never built. An earlier version of the flip cards did collapse to a single column on small screens, and somewhere along the way that responsive rule got lost.

So it's now restored, and improved a little while I was at it. The exported card grids reflow as the screen narrows, your chosen column count on desktop, dropping to two columns on tablet widths and a single stacked column on phones, all aligned to the breakpoints Rise itself uses. It never shows more columns than you set, so a two-column layout stays sensible and a four-column one steps down gracefully.

It wasn't just the flip cards, the same fix went across every grid-based component, so Infographic Cards, Stats & KPI, the Expanding Infographic and the Sorting Activity drop zones all stack properly on mobile now too.

Thanks to the reviewer for the nudge; exactly the kind of real-world testing that makes the tool better.