fix: fixed homepage display in mobile

kuizuo · Feb 5, 2024 · f919930 · f919930
1 parent d163503
commit f919930
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/src/components/SocialLinks/styles.module.scss b/src/components/SocialLinks/styles.module.scss
@@ -3,7 +3,6 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  max-width: min-content;
   gap: 1rem;
   padding: 0.5em 0;
   z-index: 100;
@@ -57,3 +56,9 @@
   height: 24px;
   transition: all 0.3s ease-in-out;
 }
+
+@media (width <= 570px) {
+  .socialLinks {
+    gap: 0;
+  }
+}
diff --git a/src/pages/_components/Hero/styles.module.scss b/src/pages/_components/Hero/styles.module.scss
@@ -5,7 +5,7 @@
   max-width: 100%;
   margin: 0;
   display: grid;
-  grid-template-columns: 8fr 11fr;
+  grid-template-columns: 8fr 12fr;
   align-items: center;
   position: relative;
 
@@ -14,6 +14,7 @@
 }
 
 .intro {
+  max-width: 100vw;
   padding: 1em;
   padding-left: 4em;
   position: relative;
@@ -284,6 +285,8 @@ html[data-theme='dark'] {
   }
 
   .intro {
+    min-width: 100vw;
+
     padding-top: 2em;
   }
 }
diff --git a/src/pages/_components/SectionTitle/styles.module.scss b/src/pages/_components/SectionTitle/styles.module.scss
@@ -28,3 +28,9 @@
     }
   }
 }
+
+@media (width <= 570px) {
+  .sectionTitle {
+    margin-top: 1.5rem;
+  }
+}