Streaming live at 10am (PST)

FR unit not equal on grid on tablet viewport

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)

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


and change row

1 Like

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!