Set Footer Section at the bottom , VueJs

Question

I have installed vue cli & added header & footer components in a vue page but they are coming one under another how i can place footer section in bottom ?

Here is the code pen - https://codesandbox.io/s/competent-colden-ql4qe?file=/src/App.vue

https://i.sstatic.net/XPSI7.png

Answer 1

Fixed it using position:fixed; to bottom.

#footer{
 position:fixed;
 bottom:0;
}