mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-12 16:15:12 +00:00
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:
1 parent
80913c028a
commit
255f5adf85
1 file changed
+2
-2
@@ -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"
|
||||
|
||||
Reference in new issue
Block a user