03.3.3 · Skill in UI design

Spacing and layout

Arranging elements with consistent space so the structure is easy to read.

Spacing groups related things and separates unrelated ones. A consistent spacing scale and a simple grid remove most visual mess. Layout techniques like flexbox and grid make this an area where engineers can be very precise.

Your status · Spacing and layout

Not startedLearningComfortable

Saved in this browser only. It colours this skill's tile on your map.

Resources

courseGo deeper
Learn responsive design ↗
Jeremy Keith (web.dev) · free course
A complete free course on responsive layouts, typography, images and interaction for every screen.

Tools

none yet

Tools for this topic are being researched.