From e16275fc1e624a46455a2b42521e8a53336c4508 Mon Sep 17 00:00:00 2001 From: dan Date: Fri, 23 Feb 2024 09:41:48 -0500 Subject: [PATCH] more card alignment --- blocks/cards/cta.css | 8 ++++---- blocks/cards/cta.js | 3 +-- 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/blocks/cards/cta.css b/blocks/cards/cta.css index b32084ac..45a6bf7f 100644 --- a/blocks/cards/cta.css +++ b/blocks/cards/cta.css @@ -59,7 +59,8 @@ .cards.cta.block>ul>li div p.image { width: 230px; - margin: 0 auto; + + } .cards.cta.block>ul>li picture { @@ -67,7 +68,7 @@ position: relative; height: 100%; width: 100%; - padding-bottom: 16px; + } .cards.cta.block>ul>li picture img { @@ -75,7 +76,6 @@ width: 100%; object-position: center center; object-fit: contain; - padding-bottom:8px; } .cards.cta.block>ul>li h3 { @@ -139,6 +139,6 @@ @media screen and (min-width: 1200px) { .cards.cta.block>ul>li div p.image { - width: 230px; + width: 100%; } } diff --git a/blocks/cards/cta.js b/blocks/cards/cta.js index 74595507..5bbb4f24 100644 --- a/blocks/cards/cta.js +++ b/blocks/cards/cta.js @@ -17,11 +17,10 @@ export default async function decorate(block) { const cardBody = (card.children[1]); cardBody.classList.add('card-body'); const ButtonContainer = card.querySelector('p.button-container'); - ButtonContainer.classList.remove('button-container'); ButtonContainer.classList.add('link-container'); cardBody.prepend(topSection); const topLink = card.querySelector('p.link-container'); - topSection.append(topLink); + /* cardBody.append(topLink); */ const li = document.createElement('li'); li.classList.add('cta', card.children[0].textContent); li.append(card.children[1]);