Cards Block Variant: 3-card row with button #115

[cogniSyb]

Fix #115

Test URLs:

• Before: https://main--vg-macktrucks-com-rd--netcentric.hlx.page/drafts/syb/cards
• After: https://115-cards-with-button--vg-macktrucks-com-rd--netcentric.hlx.page/drafts/syb/cards

I’ve added three variants:

1. no-background for removing background of cards and its padding
2. image-aspect-ratio-7-5 to change from 16/9 aspect ratio for images to 7/5
3. large-heading for having a h4-style heading

The latter I’m not happy with. I’d rather utilise the CSS class h4 here, but I’m running into specificity issues.

Then, I’ve added a possibility to add buttons in cards. As per documentation I’m utilising strong/emphasis elements for the primary/secondary button. The normal state will be the standalone link.

[aem-code-sync[bot]]

Hello, I'm the AEM Code Sync Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/syb/cards