Equalize spacing between hero card, share, and copilot sections

brunoborges · Copilot · brunoborges · commit ed135a5293d1 · 2026-03-01T22:28:48.000-05:00
Set hero padding-bottom and copilot-callout-inner margin-top to the
same value (16px) so both gaps around the social share row are equal.

Co-authored-by: Copilot &lt;223556219+Copilot@users.noreply.github.com&gt;
diff --git a/site/styles.css b/site/styles.css
@@ -270,7 +270,7 @@ nav {
 /* ---------- Hero ---------- */
 .hero {
   text-align: center;
-  padding: 80px 24px 48px;
+  padding: 80px 24px 16px;
   max-width: 800px;
   margin: 0 auto;
 }
@@ -1487,7 +1487,7 @@ footer a:hover {
   }
 
   .hero {
-    padding: 56px 16px 32px;
+    padding: 56px 16px 16px;
   }
 
   .section {
@@ -1548,7 +1548,7 @@ footer a:hover {
   border: 1px solid var(--accent);
   border-radius: 12px;
   padding: 16px 24px;
-  margin-top: 8px;
+  margin-top: 16px;
   margin-bottom: 8px;
 }
 .copilot-icon {

Original file line number	Diff line number	Diff line change
`@@ -270,7 +270,7 @@ nav {`
`270`	`270`	`/* ---------- Hero ---------- */`
`271`	`271`	`.hero {`
`272`	`272`	`text-align: center;`
`273`		`- padding: 80px 24px 48px;`
	`273`	`+ padding: 80px 24px 16px;`
`274`	`274`	`max-width: 800px;`
`275`	`275`	`margin: 0 auto;`
`276`	`276`	`}`
`@@ -1487,7 +1487,7 @@ footer a:hover {`
`1487`	`1487`	`}`
`1488`	`1488`
`1489`	`1489`	`.hero {`
`1490`		`- padding: 56px 16px 32px;`
	`1490`	`+ padding: 56px 16px 16px;`
`1491`	`1491`	`}`
`1492`	`1492`
`1493`	`1493`	`.section {`
`@@ -1548,7 +1548,7 @@ footer a:hover {`
`1548`	`1548`	`border: 1px solid var(--accent);`
`1549`	`1549`	`border-radius: 12px;`
`1550`	`1550`	`padding: 16px 24px;`
`1551`		`- margin-top: 8px;`
	`1551`	`+ margin-top: 16px;`
`1552`	`1552`	`margin-bottom: 8px;`
`1553`	`1553`	`}`
`1554`	`1554`	`.copilot-icon {`