@@ -67,15 +67,15 @@ export default function Trial(props) {
6767 <Section className="space-y-12">
6868 <h1>{post.title}</h1>
6969 {/* 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">
7171 <img className="max-w-lg h-auto w-full" src="https://media.urbit.org/site/getting-started/explore.png" />
7272 {/* Blurb is flexed to space button and copy */}
7373 <div className="flex-col flex space-y-4">
7474 <p>No downloads, no signup.</p>
7575 <p>Get <span className="font-bold">one week</span> of a complimentary hosted comet: a temporary Urbit ID.</p>
7676 {/* Button is flexed to space potential "try again later" copy */}
77− <div className="space-x-4 flex items-center">
78− <a className={cn("p-8 button-lg text-white max-w-fit", {
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 shrink-0", {
7979 "bg-green-400": available,
8080 "bg-wall-300 cursor-not-allowed": !available,
8181 })}