Checkpoint: Layout

Question 1 of 5

• A 72 px hole stays where the row was until you move the others.
• The rows below move up and the 8 px gap is kept between every row.
• The remaining rows stretch to fill the old height.
• Figma converts the list back to a regular frame.

Question 2 of 5

• Fixed width of 80 px.
• Fill container.
• Scale constraint.
• Hug contents, optionally with a min width.

Question 3 of 5

• 20 px, the half step, or 24 px for a bigger change.
• 17 px, the smallest possible increase.
• 18 px, halfway between 16 and 20.
• Keep 16 px and enlarge the text instead.

Question 4 of 5

• Stretch columns snap layers into place automatically.
• Stretch is the only type that supports gutters.
• Stretch columns grow and shrink with the frame, so the guide fits every phone width.
• Stretch hides the guide in prototypes.

Question 5 of 5

• A horizontal auto layout with wrap and Hug contents icons.
• A grid auto layout with 6 columns and equal gaps.
• 24 icons placed by hand with constraints.
• A vertical auto layout with a negative gap.