Trato de poner un background que abarque toda la pagina pero solo se pone en cierta parte, cabe recalcar que estoy empezando a programar en vue
El color lo estoy colocando desde la App.vue, dejo el codigo en caso de ser necesario
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<template>
<div id="app">
<b-navbar id="navBar" toggleable="lg" type="dark">
<b-container>
<b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
<b-navbar-brand :to="{ name: 'Me' }"
>Juan Manuel Restrepo Moreno</b-navbar-brand
>
<b-collapse is-nav id="nav-collapse">
<b-navbar-nav>
<b-nav-item :to="{ name: 'skill' }"
>Habilidades y Conocimiento</b-nav-item
>
<b-nav-item :to="{ name: 'curriculum' }">Curriculum</b-nav-item>
<b-nav-item :to="{ name: 'portfolio' }">Portafolio</b-nav-item>
</b-navbar-nav>
</b-collapse>
</b-container>
</b-navbar>
<b-container>
<router-view />
</b-container>
</div>
</template>
<style>
#app {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
background: #182a3f;
}
#navBar {
background-color: #232f3e;
}
</style>