I would like to set a div to full screen in angular2 template
I have tried this Im my html template
<div class="auth-container">
</div>
In trhe css
.auth-container{
height: 100%; //also tried with min-height
background-image: url("assets/images/backgroundimage.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
THe image stretches to full screen but its cut off by the page height as shown in the screen shot below
Setting the height manually like
height:550px;
Stretches to full screen but its not responsive in different screen sizes
What do i need to set to extend the height to maximum