Fine Grid layout not fitting within display

Design help General
1

Hi there,

I am having difficulties trying to scale my grid to fit within all sizes of screens (phone, tablet, etc…)

My grid has been “refined” to create smaller cells so that I can create a feel of a random area layout, and all columns have been sized for 1FR.
However, it feels like webflow doesn’t scale down the grid to fit within my screen (while keeping the “fine resolution” of the smaller grid cells.

Any help would be much appreciated!

Here is a screenshot

image
image1920×942 169 KB

And here is my website link.
https://preview.webflow.com/preview/main-website-583c99?utm_medium=preview_link&utm_source=dashboard&utm_content=main-website-583c99&preview=fcb4dfdd67c3ffb3ca00c752e7033594&mode=preview

Thanks in advance!

H.

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

2

The grid have to be designed for all break points. You can’t use the same layout for all break points. I normaly do one layout for Computer/ipad, one for landsape mobile and one for normal mobile

1 Like
3

That makes sense! Thanks for your kind help.

Do you know what is the maxium recommended number of "1FR"s for a phone screen?

H.

4

On mobile I’m using one col

1 Like