How to make a full body CSS gradient background that takes up the entire page?

I am trying to make a page background with a CSS gradient, which takes up the entire space of the browser window.

For that I have placed the background in the body, with this CSS that can be seen here.

body{ background: rgb(34,193,195); background: linear-gradient(135deg, rgba(34,193,195,1) 23%, rgba(253,247,45,1) 100%); }

If the page has enough content the gradient looks good. It does what I want, which starts at the top and ends with the final color at the bottom.

But if the page does not fill the content of the browser window, then the gradient makes an ugly effect, like a tile that is repeated several times.

I’d like the gradient to start at the top and end at the bottom, a single gradient. I have tried to set the height of the body to 100% and it has not helped.