Tool lab
Test the layout by resizing it
- Wrap related elements in a frame.
- Set padding for inside space and gap for relationships.
- Resize the frame to see whether the content behaves.
Weak versus strong
Padding
Weak
Content sticks to the edge of the card.
Strong
Inside space protects content and touch comfort.
Gap
Weak
Every space is guessed by hand.
Strong
Items in a group share a repeated rhythm.
Resize
Weak
The card breaks when the frame changes size.
Strong
Hug, fill, fixed, min, and max are chosen deliberately.