https://i.sstatic.net/ojanG.png
I am trying to move my footer (Copyright statement) to the bottom of the page. However, it is creating some extra white space beneath the footer. How can I eliminate this additional white space?
This issue is occurring in a VueJS project that I am working on. Here are the relevant code snippets:
App.vue
<template>
<div class="fluid-container">
<app-header></app-header>
<div style="min-height:610px;">
<router-view></router-view>
</div>
<div>
<app-footer></app-footer>
</div>
</div>
</template>
footer.vue
<template>
<div class="fluid-container">
<p class="text-center">Copyright © 2018, ABC Marketing. All Rights Reserved.</p>
</div>
</template>
<script></script>
<style scoped>
div{
color: white;
background-color: #003459;
}
</style>