Understand mobile-first precedence
An unprefixed class applies first. A responsive class such as md:flex applies at the breakpoint and above. If a layout looks wrong, inspect which utilities are active at the current width.
Check competing utilities
Two utilities may intentionally target the same property at different breakpoints. Make sure the breakpoint order and variants match the intended progression.
Use browser developer tools
Inspect the element and check which generated rule is active. This is often faster than guessing from a long class list.
ADVERTISEMENT