@@ -175,40 +175,40 @@ defmodule AlgoraWeb.HomeLive do
175175 </ section >
176176
177177 < section class = "relative isolate py-24 sm:py-48 " >
178- < div class = "mx-auto max-w-3xl px-6 lg:px-8 pt-24 xl:pt-0 " >
179- < h2 class = "font-display text-4xl font-semibold tracking-tight text-foreground sm:text-7xl text-center mb-4 sm:mb-6 " >
178+ < div class = "lg:text-center mx-auto max-w-3xl px-6 lg:px-8 pt-24 xl:pt-0 " >
179+ < h2 class = "font-display text-4xl font-semibold tracking-tight text-foreground sm:text-7xl mb-4 sm:mb-6 " >
180180 Fund GitHub issues
181181 </ h2 >
182- < p class = "text-center font-medium text-lg sm:text-2xl text-muted-foreground mb-12 sm:mb-20 " >
182+ < p class = "font-medium text-lg sm:text-2xl text-muted-foreground mb-12 sm:mb-20 " >
183183 Add USD rewards on issues and pay when work is merged
184184 </ p >
185185 < div class = "flex flex-col " >
186186 < div class = "relative grid items-center w-full gap-8 lg:gap-x-12 rounded-xl bg-black/25 p-6 sm:p-10 lg:p-14 ring-2 ring-success/20 transition-colors " >
187187 < div class = "lg:col-span-2 text-lg leading-7 flex-1 flex flex-col " >
188- < div class = "text-3xl sm:text-4xl font-semibold text-foreground text-center " >
189- Fund any issue
188+ < div class = "text-3xl sm:text-4xl font-semibold text-foreground " >
189+ Fund any issue< br class = " sm:hidden " />
190190 < span class = "text-success drop-shadow-[0_1px_5px_#34d39980] " >
191191 in seconds
192192 </ span >
193193 </ div >
194- < div class = "pt-3 text-lg sm:text-xl xl:text-2xl font-medium text-muted-foreground text-center " >
194+ < div class = "pt-3 text-lg sm:text-xl xl:text-2xl font-medium text-muted-foreground " >
195195 Help improve the OSS you love and rely on
196196 </ div >
197197 < div class = "pt-6 col-span-3 text-base sm:text-lg text-muted-foreground space-y-2 flex flex-col mx-auto " >
198- < div >
199- < . icon name = "tabler-check " class = "h-5 w-5 mr-2 text-success-400 " />
198+ < div class = " flex sm:items-center gap-2 text-base sm:text-lg text-muted-foreground " >
199+ < . icon name = "tabler-check " class = "h-5 w-5 text-success-400 flex-none " />
200200 Pay when PRs are merged
201201 </ div >
202- < div >
203- < . icon name = "tabler-check " class = "h-5 w-5 mr-2 text-success-400 " />
202+ < div class = " flex sm:items-center gap-2 text-base sm:text-lg text-muted-foreground " >
203+ < . icon name = "tabler-check " class = "h-5 w-5 text-success-400 flex-none " />
204204 Pool bounties with other sponsors
205205 </ div >
206- < div >
207- < . icon name = "tabler-check " class = "h-5 w-5 mr-2 text-success-400 " />
208- Algora handles invoices, payouts, compliance< span class = " hidden sm:inline " > & 1099s</ span >
206+ < div class = " flex sm:items-center gap-2 text-base sm:text-lg text-muted-foreground " >
207+ < . icon name = "tabler-check " class = "h-5 w-5 text-success-400 flex-none " />
208+ < span > Algora handles payouts, compliance & 1099s</ span >
209209 </ div >
210210 </ div >
211- < div class = "pt-8 flex flex-col items-center mx-auto gap-3 " >
211+ < div class = "pt-8 flex flex-col items-center lg: mx-auto gap-3 " >
212212 < . button
213213 phx-click = "create_bounty "
214214 size = "xl "
@@ -345,11 +345,11 @@ defmodule AlgoraWeb.HomeLive do
345345 Support the maintainers of your favorite projects
346346 </ p >
347347 < div class = "mt-4 sm:mt-6 space-y-3 " >
348- < div class = "flex items-center gap-2 text-base sm:text-lg text-muted-foreground " >
348+ < div class = "flex sm: items-center gap-2 text-base sm:text-lg text-muted-foreground " >
349349 < . icon name = "tabler-check " class = "h-5 w-5 text-indigo-400 flex-none " />
350350 < span > Send tips directly to GitHub usernames</ span >
351351 </ div >
352- < div class = "flex items-center gap-2 text-base sm:text-lg text-muted-foreground " >
352+ < div class = "flex sm: items-center gap-2 text-base sm:text-lg text-muted-foreground " >
353353 < . icon name = "tabler-check " class = "h-5 w-5 text-indigo-400 flex-none " />
354354 < span > Algora handles payouts, compliance & 1099s</ span >
355355 </ div >
@@ -450,7 +450,7 @@ defmodule AlgoraWeb.HomeLive do
450450 </ p >
451451 < div class = "mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32 " >
452452 < div class = "grid grid-cols-1 items-center gap-x-8 sm:gap-x-16 gap-y-8 lg:grid-cols-11 " >
453- < div class = "lg:col-span-5 " >
453+ < div class = "w-[12rem] sm:w-auto lg:col-span-5 " >
454454 < div class = "relative flex aspect-[791/576] items-center justify-center overflow-hidden rounded-xl sm:rounded-2xl bg-gray-800 " >
455455 < img
456456 src = { ~p" /images/people/louis-beaumont.png" }
@@ -484,7 +484,7 @@ defmodule AlgoraWeb.HomeLive do
484484
485485 < div class = "mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32 " >
486486 < div class = "grid grid-cols-1 items-center gap-x-16 gap-y-8 lg:grid-cols-11 " >
487- < div class = "lg:col-span-5 order-first lg:order-last " >
487+ < div class = "w-[12rem] sm:w-auto lg:col-span-5 order-first lg:order-last " >
488488 < div class = "relative flex aspect-[1091/1007] items-center justify-center overflow-hidden rounded-2xl bg-gray-800 " >
489489 < img
490490 src = { ~p" /images/people/josh-pigford.png" }
@@ -519,7 +519,7 @@ defmodule AlgoraWeb.HomeLive do
519519
520520 < div class = "mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32 " >
521521 < div class = "grid grid-cols-1 items-center gap-x-16 gap-y-8 lg:grid-cols-11 " >
522- < div class = "lg:col-span-4 " >
522+ < div class = "w-[12rem] sm:w-auto lg:col-span-4 " >
523523 < div class = "relative flex items-center justify-center " >
524524 < img
525525 src = { ~p" /images/people/john-de-goes-2.jpg" }
0 commit comments