I’m creating a web page about a weather app, but I have a problem with the background-color of the body.

I gave the bodysuit the background color #191a38. Inside the body I have a main with the information of the app

img 1
The space below is left blank, it is assumed that with the background-color, it takes the entire body and applies the color to it, just as it is in this image

img 2
Can someone tell me why in the last image the entire color changes and in the first image it doesn’t?

I am creating this project with react, next and tailwindcss.

I tried to change the body size, setting a height of 100vh, but this happens when scrolling

img 3

What I expect is that no matter the screen size, the background color should fill the entire screen