Featured

Spacing on the web (padding, margin, and Occam's square) — web design tutorial



Published
Learn the ins and outs of padding and margin to set spacing on web elements. We'll use practical design examples to demonstrate how to add space inside and outside of cards, images, headings, buttons, and Occam's square.

00:00 - Introduction
00:44 - Padding & margin on one side
01:43 - Padding & margin on both sides
02:17 - Padding & margin on all sides
02:26 - Auto margin & centering
04:03 - Negative margin & overlapping
04:30 - Use cases & Occam's square

----------
Get started with Webflow: https://wfl.io/2r7cVUW

https://webflow.com
https://twitter.com/webflow
https://facebook.com/webflow
Category
Web design
Be the first to comment