fix: enhance compatibility for the hero component on mobile devices

kuizuo · Jan 3, 2024 · 2783ea1 · 2783ea1 · vercel · Jan 3, 2024
1 parent 3dee879
commit 2783ea1
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/pages/_components/Hero/styles.module.scss b/src/pages/_components/Hero/styles.module.scss
@@ -218,10 +218,11 @@ html[data-theme='dark'] {
   }
 }
 
-@media (width <= 1000px) {
+@media (width <= 1024px) {
   .hero {
-    grid-template-columns: 1fr;
-    grid-template-rows: max-content minmax(0, max-content);
+    // grid-template-columns: 1fr;
+    // grid-template-rows: max-content minmax(0, max-content);
+    grid-template: none;
     align-items: start;
     height: auto;
     /* background-position: center bottom;