I am currently working on styling my Vue.js application, and I am trying to apply the background-color property. To have this color displayed on all pages, I have decided to add the CSS directly to the <style> tag in the index.html file:
<head>
<style>
body, html {
padding: 0;
margin: 0;
width: 100%;
}
body {
background-color: black;
}
</style>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
Upon inspecting, I noticed that the html does not cover the entire page. You can see an image of the issue https://i.sstatic.net/NTQGq.png
Does anyone know how to properly apply the background-color to the whole page?