FR unit not equal on grid on tablet viewport

Design help General
1

I have a grid design with 3 columns - 0.75FR, 1FR and 1FR.
This works fine on Desktop view, but when I look at Tablet view the last column is bigger than the second column. The content goes over the edge of the grid too. And the order of things changes.

What am I doing wrong?

thanks

Here is my site Read-Only: https://preview.webflow.com/preview/jonathans-beautiful-project-baa389?utm_medium=preview_link&utm_source=designer&utm_content=jonathans-beautiful-project-baa389&preview=a66539457b4be6cc79d13b93f735ba13&pageId=5ee106cd371f3e22685471ee&mode=preview
(how to share your site Read-Only link)

2

@Jonathan_Holden From my own experience, change this font size or wrap it.

image
image1920×969 153 KB

and change row
d0LGAP9Ibh
d0LGAP9Ibh1920×969 2.12 MB

1 Like
3

Thanks so much! I rebuilt the page twice without grid but then that created other problems.
I did try to find something that didn’t fit, but clearly didn’t look hard enough.

Once again, many, many thanks!