How to change order of grid layout without affecting all devices?

Hey guys,
I’m new to webflow and I’ve used a grid layout for some of my information, however when I changed my grid to one column for mobile viewing, the information isn’t in the order I want it (mini heading and text should be under the photo)

I want it like this in mobile:

But it continues to end up like this:


Please let me know what I can do to change the layout without it effecting all the devices as I keep trying different ways but I’m unsure how to fix it completely.

THANK YOU IN ADVANCE!!!

Here is my site Read-Only: https://preview.webflow.com/preview/ambiance-studio-the-final-one?utm_medium=preview_link&utm_source=designer&utm_content=ambiance-studio-the-final-one&preview=81a2330c5d0532d7ae1d0a9dab8e14bc&mode=preview

like this?

5 Likes

Oh my god!!! Thank you so much! That worked a charm !!! Really appreciate the effort you went to to show me! Thank you!!!

1 Like