engineering/uncloseai.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CLAUDE.md: add no-flexbox rule, css grid only

Browse source
This commit is contained in:
russell@unturf.com 2026-03-03 16:51:29 -05:00
parent b76c902c07
commit 018aff20e4
1 changed files with 7 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
CLAUDE.md
View file

@ -140,6 +140,13 @@
```
## CSS and Styling Standards
**CRITICAL: NEVER use flexbox. Use CSS Grid exclusively.**
- ❌ **NEVER** use `display: flex` or any flex properties (`flex-shrink`, `flex-wrap`, `flex-grow`, `flex-direction`)
- ✅ **ALWAYS** use `display: grid` with `grid-template-columns`, `grid-auto-flow`, `place-items`, etc.
- ✅ For inline checkbox+label: `display: grid; grid-template-columns: 18px 1fr; align-items: center; gap: 8px;`
- ✅ For centering: `display: grid; place-items: center;`
**CRITICAL: NEVER use !important in CSS**
- ❌ **NEVER** use `!important` flags in CSS - it's a lazy hack that creates technical debt