<?xml version="1.0" encoding="utf-8"?>

Add enough space between elements

Add enough space between elements Bad Practice
Add enough space between elements Best Practice

Margins refer to the space that exists between elements. They create breathing room on the page, thereby helping eliminate visual clutter. If there's not enough spacing, forms feel cramped and are hard to scan.

To determine whether a form's layout has enough spacing, ensure that related elements are close enough together while unrelated elements sit relatively far apart.

Pro Tip: Make sure the spacing is consistent between elements throughout the form.

Improve your UX & Product skills with interactive courses that actually work