From 367cfb1040d53bb5c681b81675fe5e438082ce9e Mon Sep 17 00:00:00 2001
From: YuNii <benjamin@bhenrich.de>
Date: Sat, 7 Sep 2024 03:24:26 +0200
Subject: [PATCH] go the fuck to bed simyon or i am going to find you and [gay
 talk] (#60)

---
 ReplayBrowser/Pages/Contributors.razor |  2 +-
 ReplayBrowser/wwwroot/app.css          | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/ReplayBrowser/Pages/Contributors.razor b/ReplayBrowser/Pages/Contributors.razor
index f66e7c6..81eb5c8 100644
--- a/ReplayBrowser/Pages/Contributors.razor
+++ b/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>
diff --git a/ReplayBrowser/wwwroot/app.css b/ReplayBrowser/wwwroot/app.css
index 22ae4bc..64f32fc 100644
--- a/ReplayBrowser/wwwroot/app.css
+++ b/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;
+    }
 }
\ No newline at end of file