Criei uma div com width 1 e heigth 100% para ocupar toda a altura da pagina, mas por algum motivo a linha está limitada a somente 882px de altura mesmo pedindo para ocupar os 100%, só consigo modificar a altura definindo os px manualmente, mas deixando a altura inconsistente
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link href="style.css" rel="stylesheet" type="text/css" >
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>
<body class="background">
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<div class="linha"></div>
html, body{
height: 100vh;
}
.linha{
background: #ffff;
height: 100%;
width: 1px;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
}