Stop contect overflowing

Here is my CodePen.

I don’t know how to make the text -h1, p, button, and link- inside the orange-red wrapper, not overflowing.

I don’t want the solution. I want a guide.

Thank you for your time.

Do you mean the vertical overflow on the #quote-box element?

The box just isn’t tall enough, you can use min-height or increase the percentage.