What is the best practice/solution to prevent the content(text) from overflowing out of a div container?

I’m doing the form project on TOP and the paragraph and the form it self keeps overflowing outside its container when resizing the browser vertically as shown in picture below.

overflowing content

I’m a newbie so please forgive my lack of knowledge, i dont know half what I’m doing.

I tried the flex shrink, also tried to put the font sizing using rem instead of pixels as i was thinking the font size might get updated relativly to its parent container, i also tried those commands base on some searching but no luck, word-wrap: break-word, and min-width: 0.

I’m expecting the content to shrink down in size and keep fitting in its container.

this is my code
Live form overview