Checkpoint: Foundations

Question 1 of 5

• Color the headers teal so they stand out.
• Add a divider line under every row.
• Increase the space above each header to 24 or 32 px and keep 8 px below it.
• Center the headers above each section.

Question 2 of 5

• Measure again against the card, because it drops to 4.39:1, then use a darker gray such as #4B5563.
• Nothing, because it already passed on white.
• Make the caption bold, which lowers the requirement to 3:1.
• Switch to #9CA3AF so the caption looks lighter and calmer.

Question 3 of 5

• Padding only appears after you add a layout guide.
• The header needs a constraint before padding is available.
• Text layers cannot be inside anything with a background.
• Cmd+G made a group, and groups have no fill, padding or auto layout of their own.

Question 4 of 5

• Left and right, Top and bottom.
• Center horizontally and Center vertically.
• Scale on both axes.
• Left and Top.

Question 5 of 5

• It was a mistake; one of them should be 16 px.
• Figma requires text styles to share sizes.
• Headline ranks above Body through weight alone, so the scale gets a new rank without a new size.
• Platform rules forbid more than one size between 15 and 20 px.