change: prettify sponsors list in readme

Author: iwilltry42

.github/workflows/sponsors-readme.yaml

@@ -17,7 +17,7 @@ jobs:
         with:
           token: ${{ secrets.READER_PAT }}
           file: 'README.md'
-          template: '<a href="https://github.com/{{ login }}"><img src="{{ avatarUrl }}" width="100px" alt="User avatar: {{ name }}" /><br /><sub><b>{{ name }}</b></sub></a>'
+          template: '<div class="grid-item"><a href="https://github.com/{{ login }}"><img src="{{ avatarUrl }}" width="100px" alt="User avatar: {{ name }}" /><br /><sub><b>{{ name }}</b></sub></a></div>'
           organization: true
 
       - name: Deploy to GitHub Pages 🚀

README.md

@@ -182,8 +182,21 @@ This project follows the [all-contributors](https://github.com/all-contributors/
 
 ## Sponsors
 
-Thanks to our amazing sponsors! 🙏
-
-<ul>
-  <!-- sponsors --><a href="https://github.com/j7nw4r"><img src="https:&#x2F;&#x2F;github.com&#x2F;j7nw4r.png" width="100px" alt="User avatar: Johnathan W" /><br /><sub><b>Johnathan W</b></sub></a><a href="https://github.com/stackabletech"><img src="https:&#x2F;&#x2F;github.com&#x2F;stackabletech.png" width="100px" alt="User avatar: Stackable" /><br /><sub><b>Stackable</b></sub></a><!-- sponsors -->
-</ul>
+**Thanks to our amazing sponsors!** 🙏
+
+<style>
+  .grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+    gap: 8px;
+  }
+
+  .grid-item {
+    padding: 20px;
+    text-align: center;
+  }
+</style>
+<div class="grid">
+  <div class="grid-item"><a href="https://github.com/j7nw4r"><img src="https:&#x2F;&#x2F;github.com&#x2F;j7nw4r.png" width="100px" alt="User avatar: Johnathan W" /><br /><sub><b>Johnathan W</b></sub></a></div>
+  <div class="grid-item"><a href="https://github.com/stackabletech"><img src="https:&#x2F;&#x2F;github.com&#x2F;stackabletech.png" width="100px" alt="User avatar: Stackable" /><br /><sub><b>Stackable</b></sub></a></div>
+</div>