Почему возникает скролл? Как исправить без { overflow: hidden; }?

https://codepen.io/yasakova/pen/mdxZXLp

body {
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
}

.container {
    margin: 10px;
    padding: 10px;
    display: grid;
    height: 100%;
    place-content: center;
    place-items: center;
}