Incorrect spacing in Card component

[pettinarip]

Describe the bug

We tried to fix this issue on a previous PR but it looks like it is not covering correctly all the cases.

To reproduce

1. Go to https://ethereum.org/en/staking/solo/#why-stake-solo
2. See incorrect spacing styles

Expected behavior

The 3 cards should not have any spacing between the title and the content of the Card.

Like this:

Screenshots

Current styles:

Desktop (please complete the following information)

No response

Smartphone (please complete the following information)

No response

Additional context

Double check #8132 since it is related to this issue.

[TylerAPfledderer]

I have a couple of thoughts here! 😄

I'm wondering, because there are components involved that are rendered in the Card via children, maybe they need to apply their own spacing styles versus letting Card do most of the heavy lifting.

Between the two site pages being referenced here and in the related GH Issue, the quick solution I see is to remove justifyContent within Card and apply marginTop: 'auto' to the buttons in the /developers page.

I'm also thinking that on survey of some other pages, that the button could be conditionally rendered within Card. And can have a buttonOptions prop to supply needed props straight to the button.

[armgp]

I just read your comment. I have deleted the justifyContent and now after reading you comment noticed the margin issue for the button and just commited that change also. If there is more to work on the issue than this please take over. @TylerAPfledderer

[github-actions]

This issue is stale because it has been open 45 days with no activity.

[corwintines]

Closing as PR has been merged