Content Grid

Usage

Content Grid Use to display a fixed curated set of content items — such as open funds, featured events, or available programmes — in a structured 3-column grid with a section heading and optional supporting copy. Unlike Card List, which is a full browsing and filtering experience, Content Grid is a mid-page editorial module for surfacing a specific, named subset of content (e.g. "Open Funds / Currently accepting applications"). The module has a configurable H3 heading and copy subtitle above the grid. The grid itself displays up to 9 Content Cards in a fixed 3×3 layout (3 columns × up to 3 rows). Each card follows the same structure as cards in Card List and Content Carousel — a 16:9 image with a dark category tag overlay, a bold title, short description, and icon tag metadata rows (date, location, pricing). Use instead of Card List when you want to show a handpicked set of items without filter, search, or pagination controls — for example, a "currently open" or "featured" subset on a landing page. Use instead of Content Carousel when the items should all be visible simultaneously in a static grid rather than a horizontally scrollable row. Don't use when the number of items is large or user-filterable — use Card List instead. Don't use when items have no images or metadata — use Content Links instead. Props: heading, copy. The module is available in Desktop, Tablet, and Mobile device variants.