fix: add column gap for android mobile viewport (#1860)

IanWorley · web-flow · commit 67b81b504002 · 2025-04-20T19:31:14.000+07:00
diff --git a/styles/get_involved.module.css b/styles/get_involved.module.css
@@ -4,6 +4,7 @@
   max-width: var(--typicalMaxWidth);
   justify-content: space-evenly;
   flex-wrap: wrap;
+  column-gap: 0.5rem;
 }
 
 :global(#__next) .GetInvolved .ctaContainer > * {
diff --git a/styles/index.module.css b/styles/index.module.css
@@ -12,6 +12,7 @@
   max-width: var(--typicalMaxWidth);
   justify-content: space-evenly;
   flex-wrap: wrap;
+  column-gap: 0.5rem;
 }
 
 .Home .ctaContainer > * {

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@`
`4`	`4`	`max-width: var(--typicalMaxWidth);`
`5`	`5`	`justify-content: space-evenly;`
`6`	`6`	`flex-wrap: wrap;`
	`7`	`+ column-gap: 0.5rem;`
`7`	`8`	`}`
`8`	`9`
`9`	`10`	`:global(#__next) .GetInvolved .ctaContainer > * {`
Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,7 @@`
`12`	`12`	`max-width: var(--typicalMaxWidth);`
`13`	`13`	`justify-content: space-evenly;`
`14`	`14`	`flex-wrap: wrap;`
	`15`	`+ column-gap: 0.5rem;`
`15`	`16`	`}`
`16`	`17`
`17`	`18`	`.Home .ctaContainer > * {`