Skip to content

Commit

Permalink
fix(nx-dev): launch page mobile experience
Browse files Browse the repository at this point in the history
  • Loading branch information
juristr authored and meeroslav committed Feb 7, 2024
1 parent 6485e3c commit de676e2
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions nx-dev/ui-conference/src/lib/launch-week/announcements.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ export function LaunchWeekAnnouncements(): JSX.Element {
{/* MONDAY */}
<div>
<article className="relative overflow-hidden pt-4 mx-auto max-w-screen-lg xl:max-w-screen-xl">
<div className="px-5 py-12 grid sm:grid-cols-2 sm:gap-8 lg:py-16">
<div className="px-5 py-12 grid md:grid-cols-2 sm:gap-8 lg:py-16">
<div>
<header>
<SectionHeading as="h2" variant="title" id="monday">
Expand All @@ -41,7 +41,7 @@ export function LaunchWeekAnnouncements(): JSX.Element {
This is what Nx Project Crystal is all about.
</p>
</div>
<div className="action my-6 flex space-x-2">
<div className="pt-4 action flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2">
<ButtonLink
variant="primary"
size="default"
Expand All @@ -62,7 +62,7 @@ export function LaunchWeekAnnouncements(): JSX.Element {
</div>
<div
aria-hidden="true"
className="order-first sm:order-last pb-8 relative flex flex-col items-center"
className="order-first md:order-last pb-8 relative flex flex-col items-center"
>
<img
className="rounded-lg"
Expand All @@ -77,7 +77,7 @@ export function LaunchWeekAnnouncements(): JSX.Element {
{/* TUESDAY */}
<div>
<article className="relative overflow-hidden pt-4 mx-auto max-w-screen-lg xl:max-w-screen-xl">
<div className="px-5 py-12 grid sm:grid-cols-2 sm:gap-8 lg:py-16">
<div className="px-5 py-12 grid md:grid-cols-2 sm:gap-8 lg:py-16">
<div>
<header>
<SectionHeading as="h2" variant="title" id="monday">
Expand All @@ -102,7 +102,7 @@ export function LaunchWeekAnnouncements(): JSX.Element {
powerful monorepo capabilities.
</p>
</div>
<div className="action my-6 flex space-x-2">
<div className="pt-4 action flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2">
<ButtonLink
variant="primary"
size="default"
Expand Down Expand Up @@ -131,7 +131,7 @@ export function LaunchWeekAnnouncements(): JSX.Element {
</div>
<div
aria-hidden="true"
className="order-first sm:order-last pb-8 relative flex flex-col items-center"
className="order-first md:order-last pb-8 relative flex flex-col items-center"
>
<img
className="rounded-lg"
Expand Down

0 comments on commit de676e2

Please sign in to comment.