Sizing: width, height, hug & fill

The Size block sets width and height (and, for flex children, grow/shrink/basis). Use keywords like Hug (max-content) and Fill (stretch), plus optional min/max and a ratio lock.

Where: Right sidebar → Layout & Transform → Size — Select an element and open Size

Key ideas

• Units & keywords: px / % / rem / vh / vw, plus Hug (max-content), Fill (stretch), and Auto.
• Flex sizing: Grow / Shrink / Basis appear when the parent is a flex (Stack) container.
• Ratio lock: Lock width:height so editing one computes the other (hold Shift to override).

Steps

1. Open Layout & Transform → Size.
2. Set Width and Height (or pick Hug / Fill).
3. Add min/max or aspect-ratio with “+” if needed.
4. Toggle the ratio lock to keep proportions.