Layout is messed up by browser window size

Hi all,

I need help with fixing my simple layout. Everything is where it should be on a full-size browser (covering my entire screen). But when I play around with my window size, the text boxes start stacking on each other, and everything is squeezed instead of working responsively. Is there a specific command I should use?

I attached one screenshot from the full-size browser with the correct layout and another where I decreased the window width.

I appreciate any help. Thanks!

Can you share your website URL and this page?

It looks like you simply have text blocks overlapping. Any time you have blocks overlapping there's likely to be a screen size where the content in those overlapping blocks will overlap.

The reason why the content shrinks on narrower screens is because you have designed it to take up 50% of the width  of the columns and on desktop screens it will always be 50% of the columns.