The idea
Everything at once: nested children, a & modifier, and a nested @media. Build the profile card — card, avatar, name, role and a follow button — matching all five elements at both stage widths. The card is centred, the avatar is centred inside it, and the spacing between the pieces is all margin and padding.
Validated at two stage widths, so the nested @media must actually widen the card.