FAQ 02

About this block

FAQ 02 is a two-column accordion grid that displays questions and answers side by side, doubling the content density of FAQ 01. Built with shadcn/ui Accordion and Tailwind CSS grid, it collapses to a single column on mobile while maintaining the two-column layout on desktop. Like FAQ 01, it accepts a flat array of question/answer objects and operates one-open-at-a-time by default.

When to use it

• Pages with 8 or more FAQ items where a single-column layout would make the section uncomfortably long
• Dedicated FAQ pages where content density is the goal and users are actively looking for answers
• Pricing pages on wider layouts where a full-width single column leaves too much whitespace
• Products with two distinct user segments that each have their own set of questions

Notes

On mobile this renders as a single column, identical to FAQ 01. If your primary audience is mobile users, FAQ 01 may be a better choice to avoid the two-column layout feeling cramped on small screens.