Grid is wider than a Div or a Container

Design help General
1

Hi all!

I faced a problem: I can’t generate 12 or 24 columns grid, it goes wider than the container or a div. The image of a problem is attached. Please, advise what is wrong, how to fit the grid to the container?

Screenshot 2021-06-01 at 23.18.27
Screenshot 2021-06-01 at 23.18.272626×258 15.7 KB

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

2

I was about to ask the exact same question. Can someone please answer it for us?

Thank you for your help!

3

Grid columns have a minimum size which you can override.

1 Like
4

Wow, that was easy :sweat_smile:

Thank you for your help!

6

Hey! Could you suggest how to actually override it? Are you referring to change it from default 1. fraction to some max and min size? If yes what would be good practice to change it to, so it’s responsive?

Thanks a lot! I had this issue everytime I did new project :smiley:

Sharing my preview link the element i am trying to fix it for is called grid-global