Responsive columns

I am trying to take 3 columns (or rows depending on how I can do this in either columns or grid) and stack them on top of each other when they hit the tablet breakpoint. I have it formatted at 6-3-3 on desktop. When I hit 786px I want the rows to stack like so…

image (6)
text (3)/text (3)

any ideas what I am missing in my formatting in the builder?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Use grids within grids.
At each breakpoint, you can change their flow rules to create the arrangement rules you want.

If I understand what you’re trying to do, you’d wrap these 2 in a grid, let’s call it Grid 33;


At desktop bp, Grid 32 and Grid 33 would both flow horizontally.
At tablet bp, Grid 32 would flow vertically, and Grid 33 would flow horizontally.

That would change;

[My Process] -------------------------- [UX Skills] ----- [Soft Skills] -----


[My Process] -------------------------- 
[UX Skills]  -----  [Soft Skills] -----

Wicked Awesome! That was it exactly! I don’t know why I didn’t think of that. Thank you so much!