Feature grid Regular spacing A heading and cards, each with an image, some copy and an optional link.

Cards with pictures

  • Bring your own photos

    Pick from the picture library, or use an upload from the media library — either is optimised automatically.

  • Responsive by default

    Every picture is resized for the screen it appears on, so a phone never downloads a desktop image.

    How images work
  • Up to twelve cards

    From one to twelve cards. The grid reflows from one column to two to three.

Feature grid Compact spacing Tighter vertical padding, for sitting directly under another band.

The same grid, compact

  • Tighter

    Less padding above and below.

  • Closer

    Good under a header or a stats band.

  • Same fields

    It is one tick-box.

Feature grid Spotlight A soft light follows your cursor across each card. Move the mouse over them.

Spotlight

  • Follows the cursor

    The glow sits under your pointer and moves with it, card to card.

  • Takes the theme's accent

    It is drawn in the theme's own accent colour, so it matches whichever theme is on.

  • Costs almost nothing

    Only the card under the pointer does any work, so pages stay quick.

What an editor can change

Every field below is something an editor can change on Feature grid. The editor builds its form from this list, so adding a field to a block never means building a screen for it.

  • Heading required Text
  • Compact spacing Checkbox Tightens the vertical padding — for when this sits directly under another band. default: false
  • Columns on a wide screen Choice Three suits most grids. Four gives a balanced 4 / 2 / 1 layout for exactly four cards. three · four — default: three
  • Cards required Repeating list at least 1 — up to 12
  • Card title required Text
  • Card text required Text up to 320 characters
  • Card image required Picture
  • Link Group
  • Link text required Text
  • URL required Link