Become a Layout Detective

If an element shifted or didn't color — don't guess. Open DevTools (F12) and go to the Elements tab.

1. Styles Panel

Here you see all rules affecting the element.

• Struck-through lines: Rules that were overridden by others (due to specificity or cascade).
• Checkboxes: You can toggle properties in real-time, adjusting the design.

2. Computed Panel

The most important tab. It shows the final value the browser applied to the element.