Challenge 1: A Button Automatically Resizing for a Longer Translated Label — Solution Walkthrough

The answer:

Per this chapter's own material, this is the "Hug contents" resizing
behavior at work. The button's background is set to Hug, meaning it
shrinks or grows to exactly fit whatever's inside it — when the label
text becomes longer after translation, the background automatically
grows to match the new, longer text without anyone manually resizing
it.

Why this specifically requires Auto Layout to be set up:

Hug, Fill, and Fixed are resizing behaviors available specifically on
elements inside an Auto Layout Frame. Without Auto Layout applied to
the button in the first place, there would be no automatic resizing
behavior at all — the background would stay at whatever fixed size it
was originally drawn at, regardless of the label text inside it.

Why this matters practically:

This is exactly the kind of dynamically changing content — different
text lengths across different languages — that this chapter identifies
Auto Layout as being built specifically to handle, unlike Illustrator
or Inkscape, which have no equivalent automatic resizing behavior at
all.

WHY THIS WORKS AS AN ANSWER
------------------------------
This exercise checks that automatic resizing around changing text is
correctly attributed to the "Hug contents" behavior within an Auto
Layout Frame.