Margin-Overload Syndrome

A Condition Where You Add Too Many Margins

You're not alone. We're all guilty of it. The extra 2px here, the 4px there. Before you know it, your HTML is a mess.

Causes:

• Using 4px borders on every element
• Adding 10px margins where 2px would suffice
• Forgetting the box model
• Using `box-shadow` instead of good ol' `margin`

Symptoms:

Unresponsive design

Slow load times

Unnecessary scrolling

Designer's head in a spin

Treatment:

Start with small margins

Use `box-sizing: border-box`

Measure twice, cut once