Bird
0
0

You want to create a responsive card component using frames and Auto Layout. Which combination of settings will best allow the card to resize based on content?

hard📝 Scenario Q8 of 15
Figma - Frames and Layout
You want to create a responsive card component using frames and Auto Layout. Which combination of settings will best allow the card to resize based on content?
AUse multiple nested frames without Auto Layout
BFix frame width and disable Auto Layout
CSet frame height to fixed and use manual spacing
DSet frame width to 'hug contents' and enable Auto Layout with padding
Step-by-Step Solution
Solution:
  1. Step 1: Understand responsive design needs

    Responsive cards adjust size based on content changes.
  2. Step 2: Apply frame and Auto Layout settings

    Setting width to 'hug contents' lets frame resize; Auto Layout manages spacing and padding.
  3. Final Answer:

    Set frame width to 'hug contents' and enable Auto Layout with padding -> Option D
  4. Quick Check:

    Responsive card = Hug contents + Auto Layout [OK]
Quick Trick: Use 'hug contents' width with Auto Layout for responsive cards [OK]
Common Mistakes:
MISTAKES
  • Fixing width disables responsiveness
  • Ignoring Auto Layout for spacing
  • Using nested frames without layout control

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Figma Quizzes