Grid - Change the position of the second row

Design help General
1

Hi everyone,

I’m using grid layout (attached = exemple)

Capture d’écran 2020-12-02 à 08.48.32
Capture d’écran 2020-12-02 à 08.48.32966×678 105 KB
.

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)

Capture d’écran 2020-12-02 à 09.10.44
Capture d’écran 2020-12-02 à 09.10.44318×868 58.2 KB

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 !

Germain

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

2

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

3

Ok thanks Janne, I’ll check it ASAP !