Tighten ultrawide layout with visible side gutters.

Cap content at 768-960px via PageShell width tiers, add muted outer margins, and limit gua grid to four columns. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-11 00:26:59 +08:00
parent e71baad554
commit 9fc7336095
13 changed files with 51 additions and 33 deletions
@@ -9,7 +9,7 @@ export interface GuaGridItem {

 export function GuaGrid({ items }: { items: GuaGridItem[] }) {
  return (
-    <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5">
+    <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4">
      {items.map(({ num, name, href }) => (
        <Link
          key={href}