feat: adding @media for responsiveness based on screen size

ubiquity · Jul 9, 2024 · ee03eb8 · ee03eb8
1 parent 8375bab
commit ee03eb8
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/static/styles/rewards/claim-table.css b/static/styles/rewards/claim-table.css
@@ -88,6 +88,18 @@ table td div {
   white-space: nowrap;
   max-width: 240px;
 }
+
+@media (max-width: 768px) {
+  table td div {
+    max-width: 200px; 
+  }
+}
+
+@media (max-width: 480px) {
+  table td div {
+    max-width: 150px; 
+  }
+}
 table td div svg ~ div {
   width: unset;
 }