Hide "Join" on small screens

hasparus · hasparus · commit 65356561b6b3 · 2025-07-28T14:51:34.000+02:00
diff --git a/src/components/footer/conference-footer-box.tsx b/src/components/footer/conference-footer-box.tsx
@@ -22,7 +22,7 @@ export function ConferenceFooterBox({
     >
       <div className="flex flex-1 flex-col gap-4 border-b border-pri-lighter p-4 dark:border-pri-light/50">
         <h2 className="font-mono text-2xl uppercase leading-none md:text-3xl">
-          Join GraphQLConf 2025
+          <span className="max-xs:hidden">Join</span> GraphQLConf 2025
         </h2>
       </div>
 

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ export function ConferenceFooterBox({`
`22`	`22`	`>`
`23`	`23`	`<div className="flex flex-1 flex-col gap-4 border-b border-pri-lighter p-4 dark:border-pri-light/50">`
`24`	`24`	`<h2 className="font-mono text-2xl uppercase leading-none md:text-3xl">`
`25`		`- Join GraphQLConf 2025`
	`25`	`+ <span className="max-xs:hidden">Join</span> GraphQLConf 2025`
`26`	`26`	`</h2>`
`27`	`27`	`</div>`
`28`	`28`