fix: home page image

FireIsGood · FireIsGood · commit 0e339e67cd5f · 2025-01-26T04:49:20.000-08:00
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -132,19 +132,23 @@ import heroImage from "@/images/profile-bg-med.png";
     scroll-margin-top: 4rem;
   }
 
-  @media (max-width: 450px) {
+  @media (max-width: 550px) {
     .hero {
       min-height: calc(100vh - 8.5rem);
       padding-bottom: 8.6rem;
     }
     .hero-content {
       flex-direction: column;
+      text-align: center;
     }
-    .hero-image {
+    .hero-image-stack {
       order: unset;
       margin-inline: auto;
-      max-width: 60%;
-      margin-bottom: 1.5rem;
+      max-width: 50%;
+      margin-bottom: 2.5rem;
+    }
+    .buttons {
+      justify-content: center;
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -132,19 +132,23 @@ import heroImage from "@/images/profile-bg-med.png";`
`132`	`132`	`scroll-margin-top: 4rem;`
`133`	`133`	`}`
`134`	`134`
`135`		`- @media (max-width: 450px) {`
	`135`	`+ @media (max-width: 550px) {`
`136`	`136`	`.hero {`
`137`	`137`	`min-height: calc(100vh - 8.5rem);`
`138`	`138`	`padding-bottom: 8.6rem;`
`139`	`139`	`}`
`140`	`140`	`.hero-content {`
`141`	`141`	`flex-direction: column;`
	`142`	`+ text-align: center;`
`142`	`143`	`}`
`143`		`- .hero-image {`
	`144`	`+ .hero-image-stack {`
`144`	`145`	`order: unset;`
`145`	`146`	`margin-inline: auto;`
`146`		`- max-width: 60%;`
`147`		`- margin-bottom: 1.5rem;`
	`147`	`+ max-width: 50%;`
	`148`	`+ margin-bottom: 2.5rem;`
	`149`	`+ }`
	`150`	`+ .buttons {`
	`151`	`+ justify-content: center;`
`148`	`152`	`}`
`149`	`153`	`}`
`150`	`154`