Fix the GitHub Sponsor iFrame

Author: Jason3S

website/src/css/custom.css

@@ -38,3 +38,20 @@
 /*
  * cspell:ignore Infima
  */
+
+.githubSponsorFrame {
+  width: 100%;
+}
+
+/** In mobile view, reduce the padding */
+@media screen and (max-width: 550px) {
+  .githubSponsorFrame {
+    height: 200px;
+  }
+}
+
+@media screen and (max-width: 380px) {
+  .githubSponsorFrame {
+    height: 225px;
+  }
+}

website/src/pages/sponsor.mdx

@@ -32,29 +32,26 @@ Let's start with a few questions:
 In order to dedicate resources to maintaining and improving the CSpell suite of tools, Street Side Software needs your support.
 */}
 
-### Ways to Sponsor
+## Ways to Sponsor
 
-**Direct**
-
--   [One Time Donation USD](https://donate.stripe.com/cN201Z4Nn9mi4Ao8wA)
--   [One Time Donation EUR](https://donate.stripe.com/aEUaGDcfP6a6c2Q9AB)
--   Individual [€5.00 EUR / month](https://buy.stripe.com/3cs5mj6Vvcyu3wk9AD)
--   Small Business [€10.00 EUR / month](https://buy.stripe.com/28ocOLenXdCy1oc6oo)
--   Business Subscription [€100.00 EUR / month](https://buy.stripe.com/8wM01Z0x7cyu5Es9AC)
-
-**GitHub Sponsor**
-
--   [![GitHub Sponsor](https://img.shields.io/badge/-black?style=social&logo=githubsponsors&label=GitHub%20Sponsor%3A%20Street%20Side%20Software)](https://github.com/sponsors/streetsidesoftware)
-
-{buttons.map((buyButtonId, key) => <StripeBuyButton key={key} buyButtonId={buyButtonId} />)}
-
----
+### GitHub Sponsor
 
 <iframe
+    className='githubSponsorFrame'
     src="https://github.com/sponsors/streetsidesoftware/card"
     title="Sponsor streetsidesoftware"
     width="100%"
     style={{ border: 0 }}
 ></iframe>
 
----
+{/* [![GitHub Sponsor](https://img.shields.io/badge/-black?style=social&logo=githubsponsors&label=GitHub%20Sponsor%3A%20Street%20Side%20Software)](https://github.com/sponsors/streetsidesoftware) */}
+
+### Directly to Street Side Software via Stripe
+
+-   [One Time Donation USD](https://donate.stripe.com/cN201Z4Nn9mi4Ao8wA)
+-   [One Time Donation EUR](https://donate.stripe.com/aEUaGDcfP6a6c2Q9AB)
+-   Individual [€5.00 EUR / month](https://buy.stripe.com/3cs5mj6Vvcyu3wk9AD)
+-   Small Business [€10.00 EUR / month](https://buy.stripe.com/28ocOLenXdCy1oc6oo)
+-   Business Subscription [€100.00 EUR / month](https://buy.stripe.com/8wM01Z0x7cyu5Es9AC)
+
+{buttons.map((buyButtonId, key) => <StripeBuyButton key={key} buyButtonId={buyButtonId} />)}