This question already has an answer here:
Percentage Height HTML 5/CSS
when trying to have a responsive full screen image background in my vue.js project and I can’t get the image to show up, and am not sure what is wrong, the majority of the examples there is seen use the css in my code example
HTML and body tag needs to have min-height: 100%.
If you cant do that, other option would be to apply min-height: 100vh and min-width: 100vw.