Fixed paddings of what is etherium page [Fixes #11361]

[oleksandr-hyriavets]

Description

• Added extra margin for a header image
• Moved card to separate component
• Reduces x-axis padding for a section with cards

Related Issue

#11361

[gatsby-cloud]

✅ ethereum-org-website-dev deploy preview ready

• Deploy preview
• Build logs · 1h build time

[konopkja]

hello @oleksandr-hyriavets still see issue with padding on https://ethereumorgwebsitedev01-oleksandrhyriavetsethereumorgw.gatsbyjs.io/en/learn/ mobile

[konopkja]

can u fix that in this PR too?

[TylerAPfledderer]

Hey @konopkja! Addressed the learn page padding in #11132 per @nloureiro request.

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	699615c
🔍 Latest deploy log	https://app.netlify.com/sites/ethereumorg/deploys/65cab983b1a0c20008d73b79
😎 Deploy Preview	https://deploy-preview-11364--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[corwintines]

Thank you @oleksandr-hyriavets!

We brought in a few PR's that fixed this, but wanted to credit you still for this PR :)

[gitpoap-bot]

Congrats, your important contribution to this open-source project has earned you a GitPOAP!

Be sure to join the Ethereum.org discord if you are interested in contributing further to the project or have any questions for the team.

GitPOAP: 2024 Ethereum.org Contributor:

Head to gitpoap.io & connect your GitHub account to mint!

Learn more about GitPOAPs here.

[corwintines]

@all-contributors can you add @oleksandr-hyriavets for code

[allcontributors]

@corwintines

I've put up a pull request to add @oleksandr-hyriavets! 🎉