Image Positioning Issue - Desktop - Mobile

Hi Everyone,

Beginner question!

I have created a desktop layout where 3 blocks alternate the image and text portion from left to right.
Like this:

The mobile layout has the second image appear below the text. How would I make all of the images appear stacked above the text only in mobile view?

Any help would be appreciated!

Checkout how you can share your project with the community. Then we can help better:

The generic answer is the use flexbox properties to organize each block’s content. Then, on mobile view you can tell one of the alternating blocks to “reverse wrap”. See screen grab of this button.

1 Like