update sponsors

Author: bluebill1049

src/components/sponsorsList.module.css

@@ -1,13 +1,13 @@
 .root {
   text-align: center;
-  margin: 1rem 0 1rem 0;
+  margin: 1rem 0;
   font-size: 0.8rem;
   border-top: 1px solid var(--color-black);
   padding-top: 1.5rem;
 }
 
 .heading {
-  margin-bottom: 2rem;
+  margin-bottom: 1.5rem;
   opacity: 0.7;
   font-weight: 500;
 }
@@ -16,50 +16,51 @@
   color: white;
   text-decoration: none;
   display: flex;
-  align-content: center;
+  align-items: center;
   justify-content: center;
 }
 
 .root a img {
-  width: 120px;
-  height: auto;
-  margin: auto 0;
+  width: 72px;
+  height: 72px;
+  object-fit: contain;
 }
 
 .logoGroup {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
   gap: 1rem;
   margin: 0 1rem;
 }
 
-.logoGroup > div {
-  border-radius: 4px;
-  padding: 0.5rem;
-}
-
-.placeholder {
-  border: 1px dashed #ccc;
-  border-radius: 4px;
-  padding: 0.5rem;
-}
-
 .twicsy {
-  border-radius: 50px;
+  border-radius: 10%;
 }
 
 .add {
-  border: 1px dashed #ccc;
-  border-radius: 50px;
-  font-size: 12px;
+  border: 1px solid #ccc;
+  border-radius: 10%;
+  font-size: 13px;
+  white-space: nowrap;
 }
 
 @media (min-width: 768px) {
   .logoGroup {
-    display: grid;
     max-width: 600px;
     margin: 0 auto;
-    grid-template-columns: repeat(4, 1fr);
     gap: 1.5rem;
   }
+
+  .root a img {
+    width: 100px;
+    height: 100px;
+  }
+
+  .add {
+    height: 100px;
+    width: 100px;
+    padding: 0 1.5rem;
+  }
 }

src/components/sponsorsList.tsx

@@ -13,10 +13,17 @@ export function SponsorsList() {
         >
           <img
             className={styles.twicsy}
-            src="/images/follower24.png"
+            src="https://camo.githubusercontent.com/18448c6df47adb0b54376469641667a63005b6cc9bc402d9475a42e06b525c2f/68747470733a2f2f696d616765732e6f70656e636f6c6c6563746976652e636f6d2f666f6c6c6f77657232342f303032393766382f6176617461722f3235362e706e673f6865696768743d323536"
             alt="follower24"
           />
         </a>
+        <a href="https://buy.fans/" target="_blank" rel="noopener noreferrer">
+          <img
+            className={styles.twicsy}
+            src="https://images.opencollective.com/buy-instagram-followers-buyfans/2b97c05/logo/256.png?height=256"
+            alt="BuyFans"
+          />
+        </a>
         <a
           href="https://opencollective.com/react-hook-form"
           target="_blank"