ORIGINAL BLOCK PATTERN

Testimonial grid

Two quote cards with clear attribution fields. All preview quotes are labeled examples; publish only real quotes you have permission to use.

Core blocks onlyNo extra CSSCC0 · Free to use
Live layout preview

The copied blocks, shown with a neutral baseline. Your theme controls fonts and widths.

Use this layout in WordPress

  1. Copy the blocks and paste into an empty location in a draft page. If they appear as plain text, paste using the editor’s Code editor, then return to Visual editor.
  2. Replace all sample text and example.com links. Replace demo images through Media Library; remote image URLs do not create local attachments.
  3. Use List View to select the outer Group and inner blocks. Review colors, spacing, headings and button links.
  4. Preview on desktop and mobile before publishing. For a header or footer, paste into the appropriate template part.

Why the arrangement works

Customize the starting point

On smaller screens

Quote cards stack. Longer quotes should be trimmed with the speaker’s approval rather than forced into equal heights.

Accessibility checks

Quotes and attribution are text, not images. The demo uses Paragraph blocks; use Quote blocks if semantic quotation is needed for final content.

Theme defaults affect the final appearance. The live preview is rendered from the copied markup with a neutral baseline and does not promise pixel-identical results across themes.

Read the official pattern instructions and RoarWP pattern guide for syncing and customization.