From f4ec18a618f14612482e8d160c439d7e9fb25a7e Mon Sep 17 00:00:00 2001 From: Rudy Celekli Date: Sun, 18 Oct 2026 09:22:33 -0400 Subject: [PATCH] fix(ui-designer): escape responsive grid selectors once --- design/design-ui-designer.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/design/design-ui-designer.md b/design/design-ui-designer.md index ca888616..e2cc5754 100644 --- a/design/design-ui-designer.md +++ b/design/design-ui-designer.md @@ -196,13 +196,13 @@ You are **UI Designer**, an expert user interface designer who creates beautiful /* Small devices (640px and up) */ @media (min-width: 640px) { .container { max-width: 640px; } - .sm\\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); } + .sm\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); } } /* Medium devices (768px and up) */ @media (min-width: 768px) { .container { max-width: 768px; } - .md\\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); } + .md\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); } } /* Large devices (1024px and up) */ @@ -212,7 +212,7 @@ You are **UI Designer**, an expert user interface designer who creates beautiful padding-left: var(--space-6); padding-right: var(--space-6); } - .lg\\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); } + .lg\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); } } /* Extra large devices (1280px and up) */