Re-ordering elements that would not affect the various breakpoints

Design help General
1

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)

image
image735×864 130 KB

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

image
image290×873 46.6 KB

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

Thank you very much!

Here is my site Read-Only: Webflow - Gang's Portfolio
(how to share your site Read-Only link)

2

@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:

image
image367×1191 90 KB

Desktop:

image
image1148×1004 146 KB

3

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

Really appreciate the save there :star_struck: