feat: featured quest banner responsive (#347)

* feat: featured quest banner responsive * fixing responsive on Ipad * fixing responsive for all image sections
lfglabs-dev · Nov 23, 2023 · 70bcf79 · 70bcf79 · vercel · Nov 23, 2023
1 parent 93aec30
commit 70bcf79
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/styles/Home.module.css b/styles/Home.module.css
@@ -74,6 +74,7 @@
 .questCategory img {
   width: 218px;
   height: 218px;
+  max-width: 400px;
   border-radius: 8px;
 }
 
@@ -170,12 +171,14 @@
     right: -2px;
     left: -1px;
     bottom: -1px;
-    background: linear-gradient(90deg,
-        #437aba 0%,
-        #59c2e8 45%,
-        #00ff77 60%,
-        #59c2e8 70%,
-        #437aba50 100%);
+    background: linear-gradient(
+      90deg,
+      #437aba 0%,
+      #59c2e8 45%,
+      #00ff77 60%,
+      #59c2e8 70%,
+      #437aba50 100%
+    );
     border-radius: 8px;
     z-index: -1;
     mask: linear-gradient(4deg, transparent 92%, black);
@@ -207,4 +210,4 @@
   .backButton {
     margin-left: 24px;
   }
-}
+}
diff --git a/styles/quests.module.css b/styles/quests.module.css
@@ -286,5 +286,7 @@
 
   .featuredQuestImage {
     height: auto;
+    max-width: 400px;
+    margin-top: 24px;
   }
 }