fix(testimonials): align featured card consistently left

The featured card's quote was centered (inheriting `text-center` from
the section wrapper) while the avatar+name+role row read as left-
aligned because the flex container starts at the card's left edge —
the two halves of the same card disagreed. Multi-card grid was already
left-aligned, so single-vs-grid was inconsistent too.

Move `text-center` from the outer wrapper onto the section header
(title/text) only. The featured card and grid cards now both render
left-aligned, the decorative `"` mark sits naturally as a leading
glyph for the quote, and the awkward forced line breaks from
text-center go away.
This commit is contained in:
George Cushen committed 2026-05-02 18:00:21 +01:00
1 parent 80913c028a
commit 255f5adf85
1 file changed
+2 -2
+2 -2
View File
@@ -101,9 +101,9 @@ export const TestimonialsBlock = ({content, _design, _id, item_images}) => {
: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6";
return (
<div class="max-w-screen-xl px-4 py-8 mx-auto text-center lg:py-16 lg:px-6">
<div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-16 lg:px-6">
{(title || text) && (
<div class="max-w-screen-md mb-12 lg:mb-16 flex flex-col justify-center mx-auto">
<div class="max-w-screen-md mb-12 lg:mb-16 mx-auto text-center">
{title && (
<h2
class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white"