I would like these items to stack one on top of another as soon as they don't fit side by side.

Hi James,

You will want to change the container that these elements are in to Flex if its not already then set it to column at the breakpoint you want it to stack on. I believe that RED is Desktop Down so move the slider to the left until you see the first container drop then switch the parent container to column.

Or set the container to row and wrap that way it will automatically stack when there isn't enough room for the child containers to be side by side

How do I used Flex in RED? I am familiar with that from side designer. The RED Guide doesn't mention Flex.

row and wrap? I have no idea where to even start looking for what that is. Where is the wrap setting?

Hi James Well I must be honest I don't use RED, but am downloading it now so I will have a quick bo-peep

Now I remember

There is no flex, it uses the Grid
so you need to adjust the breakpoint settings a little bit (see attached image)to around 650px should do it, and then the width to 750px
then
working just below the breakpoint
adjust the span of each of the containers to minimum 7 spans (not any less or they won't stack

any further adjustment to paragraph styling font size etc up to you