Grid - Change the position of the second row

Hi everyone,

I’m using grid layout (attached = exemple)


The desktop layout is ok for me.
But when I delete 1 column on the mobile portrait, this layout doesn’t work with my expectations.
(look at the second picture)

How can I choose this kind of layout (Heading / Photo; Heading / Photo, etc) on the mobile ?
If I move the div block, it moves on the desktop layout too…

Thanks for helping me !


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

I would use flexbox instead of grid, with flexbox you can alter the direction on different breakpoints

Ok thanks Janne, I’ll check it ASAP !