From f4bbc8c4f3fd62693cb2688f4548379f03fa9f06 Mon Sep 17 00:00:00 2001 From: Louisa Chu Date: Wed, 22 Jul 2026 13:51:10 -0700 Subject: [PATCH] fix: clamp mini-resource-card body text at all breakpoints Extends the mobile-only line-clamp rule to every screen size so long body text is truncated with an ellipsis instead of overflowing the fixed-height card. --- .../blocks/mini-resource-card/mini-resource-card.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/hlx_statics/blocks/mini-resource-card/mini-resource-card.css b/hlx_statics/blocks/mini-resource-card/mini-resource-card.css index 4e513d35..e415c1f0 100644 --- a/hlx_statics/blocks/mini-resource-card/mini-resource-card.css +++ b/hlx_statics/blocks/mini-resource-card/mini-resource-card.css @@ -65,6 +65,13 @@ main div.mini-resource-card-wrapper div.mini-resource-card .mini-resource-card-b padding: 0 0 0 4% !important; } +main div.mini-resource-card-wrapper div.mini-resource-card .mini-resource-card-body p { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + main div.mini-resource-card-wrapper .section-title { margin: 48px 0 40px 0; } @@ -108,10 +115,6 @@ main div.mini-resource-card-wrapper > div.wide { main div.mini-resource-card .mini-resource-card-body p { font-size: 14px !important; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - overflow: hidden; } main div.title-container>.title-wrapper>div { margin: 0 20px !important;