Stop text breaking into new lines

Design help General
1

I am trying to make an entire object with text and images inside of it scale as a whole when the screen size gets smaller, rather than the text breaking up into individual lines.

See screen shots below.

Currently the layout is set using grids.

I know this is easy but I just can’t figure it out!!

Untitled-3
Untitled-31031×717 269 KB

Here is my site Read-Only: https://preview.webflow.com/preview/seniorcenters-55555?utm_medium=preview_link&utm_source=designer&utm_content=seniorcenters-55555&preview=ccb6c382eafd72f2b7fa90746782b0d2&mode=preview

2

Any thoughts? I still can’t get this. Thanks so much.

3

Hi Greg, I’ve looked at your project and can’t see the issue. The only sizing issue that’s similar to what you’ve described is on the smaller mobile view - which is a Nintendo NES…

Can you point me in the right direction?

4

Its also present when you make the window smaller even on larger screens. The headline text even spills outside of the box. It looks like a mess. See attachment

Capturexxx.PNG
Capturexxx.PNG1404×709 314 KB

5

Oh I see now. I think it’s because of an issue in the second column. You have ‘Form block 2’ set to 700px width. When the screen shrinks, the two outer columns are forced to compress.