Search blocks by description or jump to a page.
A grid of question cards, each holding one query and its answer inline. Lays out frequent questions clearly so visitors find what they need at a glance.
Card Grid opens with a centered heading and a short subtitle, then lays out six FAQ entries in a responsive three column grid. Each card holds a square icon container at the top left, an optional badge at the top right, a question as the card title, the answer text in the body, and a full width ghost button with a right arrow in the footer. Two cards carry badges out of the box ("Popular" and "New") so frequent or recently added entries can be called out. Below the grid a short closing note and a "Contact Support" button give visitors a next step if none of the cards answered their question.
Every part is independent. You can swap the six icons for any set that matches your topics, add or remove cards, hide the badges on any card, and rewrite the heading, subtitle, and closing prompt. The contact button links wherever your support flow lives.
Reach for this block on a product or store page where you want FAQ content to read as a browsable reference rather than a collapsible list. For an ecommerce storefront the grid format lets shoppers scan returns, shipping, payment, and sizing topics at once without expanding anything, which suits customers who already have a specific question in mind. It works better than an accordion when you have a short, well defined set of questions and want each answer fully visible on load.
A natural flow around it on a Marketing (Legacy) page:
Before
After
Each card is a self contained question and answer unit, so the topics can span as many areas as you need. A few strong fits for a storefront context:
Tip: keep every answer to two or three sentences so all cards stay close to the same height and the grid reads as a tidy, uniform set.