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;