Center align flex containers in index.module.css

HeyItsGilbert · web-flow · commit cbd60b97abad · 2025-12-08T08:07:37.000-08:00
Added justify-content: center to multiple flex containers for better alignment.

Signed-off-by: Gilbert Sanchez &lt;me@gilbertsanchez.com&gt;
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -42,6 +42,7 @@
   align-items: center;
   gap: 1.5rem;
   animation: fadeInDown 0.6s ease-out;
+  justify-content: center;
 }
 
 .heroLogo {
@@ -84,6 +85,7 @@
   flex-wrap: wrap;
   animation: fadeInDown 0.6s ease-out 0.3s backwards;
   align-items: center;
+  justify-content: center;
 }
 
 .badges a {
@@ -145,6 +147,7 @@
 
   .heroSubtitle {
     font-size: 1.25rem;
+    margin: auto;
   }
 
   .buttonGroup {

Original file line number	Diff line number	Diff line change
`@@ -42,6 +42,7 @@`
`42`	`42`	`align-items: center;`
`43`	`43`	`gap: 1.5rem;`
`44`	`44`	`animation: fadeInDown 0.6s ease-out;`
	`45`	`+ justify-content: center;`
`45`	`46`	`}`
`46`	`47`
`47`	`48`	`.heroLogo {`
`@@ -84,6 +85,7 @@`
`84`	`85`	`flex-wrap: wrap;`
`85`	`86`	`animation: fadeInDown 0.6s ease-out 0.3s backwards;`
`86`	`87`	`align-items: center;`
	`88`	`+ justify-content: center;`
`87`	`89`	`}`
`88`	`90`
`89`	`91`	`.badges a {`
`@@ -145,6 +147,7 @@`
`145`	`147`
`146`	`148`	`.heroSubtitle {`
`147`	`149`	`font-size: 1.25rem;`
	`150`	`+ margin: auto;`
`148`	`151`	`}`
`149`	`152`
`150`	`153`	`.buttonGroup {`