Responsive flex direction

I am trying to achieve the layout that this stackoverflow question mentions: html - Move sidebar in between other elements on smaller screens - Stack Overflow

Are there foundation classes available in XY Grid to achieve this? Seems to me I would need something like grid-y-medium and grid-x-small, but it doesn’t appear those type of responsive classes exist.