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

Add enough space between inputs

Add enough space between inputs Bad Practice
Add enough space between inputs Best Practice

Margins between inputs can be tricky. If there's too little space, inputs can be hard to tell apart and appear cluttered. If there's too much space, they can seem unrelated. Find the right balance to establish a proper visual hierarchy

The principle of proximity states that related items should be close to each other to be perceived as one group.[1] So, for example, if you're using fixed labels above inputs, the distance between an input and its label should be smaller than the distance between an input and an unrelated label.

Pro Tip: When adding extra space between inputs on mobile view, make sure the page doesn't turn into endless scrolling. Consider breaking the form into smaller pages. 

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