Hey,
I’ve been trying to figure out how I can achieve that in mobile the image is always shown first?
One workaround I found would be to simply add the image twice and hide it in the position that I don’t want it to show. However, I am afraid it might affect load speed and there must be a more elegant solution.
I tried to make an illustration of what I want to achieve:
Use Flexbox on the parent instead of duplicating elements , just switch the direction/order at the mobile breakpoint so the image stacks above text. Had to do this on a blog grid recently and it’s way lighter than hiding duplicates.
Thank you so much for your video answer. This has helped me so much and saved me a lot of time. I know this is a big ask, but do you think you would be able to also show me how to solve this problem that I haven’t been able to figure out for about a week?
In any case, thanks a lot and I wish you a great week!
Julian
