diff options
| author | Fuwn <[email protected]> | 2026-02-10 01:42:46 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-02-10 01:42:46 -0800 |
| commit | 9317d298a95013e0b05ce79c06ef50e4e669839e (patch) | |
| tree | d94c64039f8d778afdd4eca23d37cf8816f844f9 | |
| parent | fix: use max-w-screen-xl for features section to fit 4-column grid (diff) | |
| download | asa.news-9317d298a95013e0b05ce79c06ef50e4e669839e.tar.xz asa.news-9317d298a95013e0b05ce79c06ef50e4e669839e.zip | |
fix: use md/lg breakpoints for 3/4-column feature grid
| -rw-r--r-- | apps/web/app/(marketing)/_components/feature-grid.tsx | 2 | ||||
| -rw-r--r-- | apps/web/app/(marketing)/page.tsx | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/apps/web/app/(marketing)/_components/feature-grid.tsx b/apps/web/app/(marketing)/_components/feature-grid.tsx index 3a52a5c..e069563 100644 --- a/apps/web/app/(marketing)/_components/feature-grid.tsx +++ b/apps/web/app/(marketing)/_components/feature-grid.tsx @@ -68,7 +68,7 @@ const FEATURES = [ export function FeatureGrid() { return ( - <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"> + <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4"> {FEATURES.map((feature) => ( <div key={feature.title} diff --git a/apps/web/app/(marketing)/page.tsx b/apps/web/app/(marketing)/page.tsx index 7a1a17c..6b98990 100644 --- a/apps/web/app/(marketing)/page.tsx +++ b/apps/web/app/(marketing)/page.tsx @@ -226,7 +226,7 @@ export default async function LandingPage() { <InteractiveDemo showcaseEntries={showcaseEntries} /> </section> - <section className="mx-auto max-w-screen-xl px-6 pb-16"> + <section className="mx-auto max-w-6xl px-6 pb-16"> <h2 className="mb-6 text-center text-text-primary">features</h2> <FeatureGrid /> </section> |