Streaming live at 10am (PST)

Re-ordering elements that would not affect the various breakpoints

Hello!

I understand that according to the tutorial, re-ordering of elements affects all breakpoints. But is there any workaround for it not to affect all breakpoints?

Reason is because, in my desktop view, this part of my design the image and text are staggered (refer to below image)

But for my mobile view, I want it not to be staggered. Like this

Would be awesome to hear of possible solutions or alternatives too! :heart_eyes:

Thank you very much!


Here is my site Read-Only: https://preview.webflow.com/preview/gangdesign?utm_medium=preview_link&utm_source=dashboard&utm_content=gangdesign&preview=4267b0dac24268e79ddc1e43e68f8ef1&mode=preview
(how to share your site Read-Only link)

@gang - you can use the order property in flexbox to achieve this. Just add a combo class to the item you want to reorder, go to the breakpoint and change the order:

image

Mobile:

Desktop:

@sam-g Wow it worked perfectly! Thank you sooo much!

Really appreciate the save there :star_struck: