Uneven spacing is often caused by conflicting component rules rather than one incorrect margin.
What to Check
- Use a consistent spacing scale
- Check container widths at common breakpoints
- Remove fixed values that cause crowding or gaps
What the Results Mean
Review container widths, heading gaps, and card padding as a system. Test long titles and narrow screens before applying one-off offsets.
Compare Relationships, Not Isolated Numbers
Spacing should tell the visitor what belongs together. Check the gap between a heading and its paragraph, between cards, and between sections. A large gap before the first paragraph can make content look missing. A very narrow gutter can make a phone page feel crowded.
Create a Small Spacing Scale
Choose consistent values for text, card interiors, grids, and section transitions, then test the system at desktop, tablet, and phone widths. Let long titles wrap without forcing card heights that create empty space. Check the site with real content rather than a sample sentence.
Should Everything Be Centered?
Center actions and compact headings when it helps scanning, while keeping longer paragraphs easy to read.