From 7640a32904116a18c65b9f6ae1b5a69dcb2e55ab Mon Sep 17 00:00:00 2001 From: Vinta Chen Date: Sun, 3 May 2026 21:16:20 +0800 Subject: [PATCH] docs(DESIGN.md): add flexbox/grid layout rule Co-Authored-By: Claude --- DESIGN.md | 1 + 1 file changed, 1 insertion(+) diff --git a/DESIGN.md b/DESIGN.md index fcc209be..0e356285 100644 --- a/DESIGN.md +++ b/DESIGN.md @@ -132,6 +132,7 @@ Hard-won sizing rules (do not relax): - `rem` for spacing and type. `px` only for borders and shadows. - CSS custom properties for all colors and repeated values. - Sibling components (card lists, grid items) share identical spacing. +- Use flexbox or grid for layout. Avoid floats and absolute positioning except for genuine overlay cases (focus rings, sticky headers). - Never `!important`. Fix specificity instead. ## Elevation & Depth