go the fuck to bed simyon or i am going to find you and [gay talk] (#60)

Author: bhenrich

ReplayBrowser/Pages/Contributors.razor

@@ -15,7 +15,7 @@
 
 <h3>Contributors</h3>
 
-<div style="display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; align-items: center; padding: 20px;">
+<div class="contributors-grid">
     @if (!_contributors.Any())
     {
         <h4 style="color: red">Error fetching contributors from the GitHub API</h4>

ReplayBrowser/wwwroot/app.css

@@ -63,4 +63,23 @@ p {
     justify-content: center;
     align-items: center;
     height: 100%; /* Adjust this value according to your needs */
+}
+
+.contributors-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 10px;
+    align-items: center;
+    padding: 20px;
+}
+
+@media only screen and (max-width: 300px) {
+    .contributors-grid {
+        display: grid;
+        grid-template-columns: repeat(1, minmax(0, 1fr));
+        /*grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/
+        gap: 10px;
+        align-items: center;
+        padding: 20px;
+    }
 }