Fix a CSS layout bug
Untangle CSS rendering bugs by finding conflicting rules, box-model issues, and specificity problems. Returns corrected styles with an explanation.
Preview
Copy prompt
This CSS is not rendering as expected in [browser / environment]: [Paste the CSS and relevant HTML]. The expected layout is: [Describe visually]. The actual layout is: [Describe or reference a screenshot]. Identify each conflicting CSS rule, explain whether the issue stems from specificity, cascade order, box model misunderstanding, or a Flexbox or Grid pitfall, and provide fully corrected styles.
More
Debugging
Prompts
