@@ -67,15 +67,15 @@ export default function Trial(props) {
67 <Section className="space-y-12">
67 <Section className="space-y-12">
68 <h1>{post.title}</h1>
68 <h1>{post.title}</h1>
69 {/* Flex between image and blurb, collapse to col on mobile */}
69 {/* Flex between image and blurb, collapse to col on mobile */}
70− <div className="flex flex-col items-center space-y-4 md:space-y-0 md:flex-row md:space-x-4">
70+ <div className="flex flex-col items-center space-y-4 xl:space-y-0 xl:flex-row xl:space-x-4">
71 <img className="max-w-lg h-auto w-full" src="https://media.urbit.org/site/getting-started/explore.png" />
71 <img className="max-w-lg h-auto w-full" src="https://media.urbit.org/site/getting-started/explore.png" />
72 {/* Blurb is flexed to space button and copy */}
72 {/* Blurb is flexed to space button and copy */}
73 <div className="flex-col flex space-y-4">
73 <div className="flex-col flex space-y-4">
74 <p>No downloads, no signup.</p>
74 <p>No downloads, no signup.</p>
75 <p>Get <span className="font-bold">one week</span> of a complimentary hosted comet: a temporary Urbit ID.</p>
75 <p>Get <span className="font-bold">one week</span> of a complimentary hosted comet: a temporary Urbit ID.</p>
76 {/* Button is flexed to space potential "try again later" copy */}
76 {/* Button is flexed to space potential "try again later" copy */}
77− <div className="space-x-4 flex items-center">
77+ <div className="xl:space-x-4 space-y-4 xl:space-y-0 self-center flex-col xl:flex-row flex items-center">
78− <a className={cn("p-8 button-lg text-white max-w-fit", {
78+ <a className={cn("p-8 button-lg text-white max-w-fit shrink-0", {
79 "bg-green-400": available,
79 "bg-green-400": available,
80 "bg-wall-300 cursor-not-allowed": !available,
80 "bg-wall-300 cursor-not-allowed": !available,