# CSS Layout Debug Playbook
AI-readable version of this post.
Path: /frontend/css-layout-debug-playbook
Category: Frontend
Date: 2024-02-18
Author: Frontend Notes
Reading time: 1 min
Description: A practical sequence for fixing broken layouts fast.
## Start with boxes

Inspect `display`, `position`, `width`, and `overflow` before tweaking spacing.

## Check parent constraints

Most bugs come from ancestor constraints, not the child component itself.

## Isolate quickly

Temporarily remove transforms and animations to identify structural issues.