Whenever I try to change the Image - Paragraph sequence to fit the vertical layout in mobile it screws with my vertical desktop layout. What can i do?

Design help General
1

Hey!

I am really struggling with getting my first website live. I have these elements where the picture is on the left and the paragraph is on the right. Then it switches and then for the third one it’s like the first one again.

In mobile view I want to it flow horizontally, which works. However, the order is screwed and I can’t seem to find a way that works on both screen sizes at the same time.

I appreciate your help! :slight_smile:

Read only project link: https://preview.webflow.com/preview/octomo-landing-page?utm_medium=preview_link&utm_source=designer&utm_content=octomo-landing-page&preview=c0335d5c5491004caad22f4f6fca4f1a&mode=preview

bug1.2
bug1.21716×1190 294 KB
bug1
bug1660×1007 83.7 KB

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

2

Hi @fredj32, you should be able to use the Flexbox Order property to set your ‘Div Block 5’ class to either ‘First’ or ‘Last’ for the mobile breakpoints – depending on whether you want the text above or below the image.

3

Hi Fredj32,

As far as I understand you have a felxbox with these two elements on each row. What you are looking for is the reverse property. When you are in mobile select the reverse property and it will bring your image above.reverse .
hope it helps

Cheers
Dritan

4

Dritan! You are the king! This was what I needed. Amazing!
Have a fantastic day!