Typography in Grid in Responsive Version


I am struggling with grids in the responsive version here. I made a typography layout in the grid. Isn’t the grid responsive automatically? When it’s in the mobile version, the grid sticks out and created a white space (see attached screenshot).

What is the way to modify the grid in the mobile version? Should I create two different grid layouts and hide them in different versions? (like I did with logo)

Thanks in advance! :pray:

Here is my site Read-Only:

You are in the right direction, but since you are using column span = 2 for some of the child element, you should change that to 1 as well, because now to work with 1 column grid.

1 Like

Thanks a lot for your reply! :smiling_face:
So does it mean I just need to delete one column in the grid in mobile and it will be ok?

No check your child element (those headings) some of them have column span = 2 just make it 1