diff --git a/web/themes/custom/lgd_org_theme/css/layout.css b/web/themes/custom/lgd_org_theme/css/layout.css index 34447be..2ecdbb6 100644 --- a/web/themes/custom/lgd_org_theme/css/layout.css +++ b/web/themes/custom/lgd_org_theme/css/layout.css @@ -136,14 +136,16 @@ .layout--threecol-33-34-33 > .layout__region--first, .layout--threecol-33-34-33 > .layout__region--second, .layout--threecol-33-34-33 > .layout__region--third { - flex: 1 1 calc(calc(100% / 3) - var(--spacing-larger) * 3); + flex: 0 1 calc((100% - 2 * var(--spacing-larger)) / 3); + min-width: 0; } } @media screen and (min-width: 40rem) { .layout--twocol > .layout__region--first, .layout--twocol > .layout__region--second { - flex: 1 1 calc(50% - var(--spacing-larger) * 2); + flex: 0 1 calc((100% - var(--spacing-larger)) / 2); + min-width: 0; } } diff --git a/web/themes/custom/lgd_org_theme/css/variables.css b/web/themes/custom/lgd_org_theme/css/variables.css index f54391c..6b10430 100644 --- a/web/themes/custom/lgd_org_theme/css/variables.css +++ b/web/themes/custom/lgd_org_theme/css/variables.css @@ -228,7 +228,7 @@ body { /* Call-out Box */ --call-out-box-text-color: var(--color-black); --call-out-box-bg-color: transparent; - --call-out-box-padding: 2rem 3rem 1.5rem; + --call-out-box-padding: clamp(1rem, 3vw, 2rem) clamp(1.5rem, 4vw, 3rem) clamp(1rem, 2vw, 1.5rem); --featured-teaser-border: 0;