Grid breaks at large screen sizes

Design help General
1

Hi I’m getting close to finishing the site but the grids break at larger sizes. Can any one help?

http://the-fire-department.webflow.io/old-home

https://preview.webflow.com/preview/the-fire-department?preview=b0e4340bc6f923a8b30ff525a09c4b46

Cheers Paul

2

Hey @Paul_Lyngby_Trow can you please send a Read Only Link of your site so that we can further assist you?

Thank you,

Waldo :smile:

3

Add a class to your section and give it a max-width

4

Sorry here its is…

https://preview.webflow.com/preview/the-fire-department?preview=b0e4340bc6f923a8b30ff525a09c4b46

5

Hi Mention 79

i’ve tried that but is still breaks. He is the demo

https://preview.webflow.com/preview/the-fire-department?preview=b0e4340bc6f923a8b30ff525a09c4b462

Cheers Paul

6

You haven’t set the max-width of your section class in the preview you gave. It works if you do.

241×630 28.2 KB

Or alternatively, you can also get it to work by adding the class name w-section and then setting the max-width to something like 1650px, although the size can be whatever you want it to be as long as it’s not greater than the total actual size of the two images and the grid gutters. This will then limit the max width on all sections as it’s part of the webflow.css

7

Thanks this is great! Thanks or the info

8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.