Maybe I'm missing something... I have the below design, screenshotted.
It's currently implemented as a stack of a column with a divider (for the dashed line), and a column with a row of 10 containers (one of which contains an icon), with Space Between applied. The stack has left/right padding.
I then want to place this text, "Purpose", and have it always align perfectly underneath the first circle. If I wrap the first element in the row in a column and add the text, it messes up all the row spacing. How should I be going about this?