Exercise 1: Styled Text View & the padding/background Order Swap — Possible Solution
============================================================================================

Text("Alex")
    .font(.largeTitle)
    .foregroundStyle(.white)
    .padding()
    .background(.purple)

// Swapped order:
Text("Alex")
    .font(.largeTitle)
    .foregroundStyle(.white)
    .background(.purple)
    .padding()

REAL VISUAL DIFFERENCE: In the first version (.padding() before
.background()), the padding is added around the plain Text first,
producing a larger view - and .background() is then applied to THAT
already-padded view, so the purple background fills the full padded
area, extending out to surround the extra space around the text.

In the second version (.background() before .padding()), the purple
background is applied to the plain, unpadded Text first - so the
purple rectangle hugs the text tightly, sized just to the text itself.
.padding() is then applied afterward to THAT already-backgrounded
view, adding transparent empty space around the outside of the purple
shape rather than inside it - the padding sits outside the colored
background instead of being filled by it.

In short: whichever modifier comes first determines what the SECOND
modifier actually wraps and therefore affects - padding-then-background
makes the color fill the padded area, while background-then-padding
leaves the color hugging just the text with the padding added as
transparent space around the outside.

ANSWER: Applying .padding() before .background() makes the purple
color extend to fill the padded space around the text. Applying
.background() before .padding() makes the purple color hug just the
text tightly, with the padding instead adding transparent space around
the outside of that colored shape - the same two modifiers produce
genuinely different results purely based on the order they're chained
in.

WHY THIS WORKS AS AN ANSWER
------------------------------
This correctly describes the real visual difference produced by
swapping modifier order and explains it in terms of what each
modifier is actually wrapping at the point it's applied.