Typography in Grid in Responsive Version

Hello,

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:
https://preview.webflow.com/preview/alteragent?utm_medium=preview_link&utm_source=designer&utm_content=alteragent&preview=5b1fa8b1451b6ca2aca8845d5f103509&workflow=preview

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