CSS How can I make the screen size to follow the div, I don't want it to be full screen

[Gabby]

How can I make the screen size to follow the div, I don't want it to be full screen

Here is the code

* {
padding: 0px;
margin: 0px
}


Body {
height: 100%;
background-color: blue;
}

.grid {
background-color: white;
width: 400px;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
border-radius: 10px;
}