I am trying to figure out how to resolve a certain issue where I want the background to always be the same color.
The initial view looks great, but if the user zooms out with the browser then they see a blank white area on the bottom which indicates that the content has ended. (Note that the width of the content always populates the free space by growing as they zoom out)
I have a div that wraps my content and it is supposed to display the background color that I want. Is there a special way to always make the div container cover the height area like it does the width area?
I don't want to modify the body tag since my web app is not built to allow that.
Things I tried:
<a href="#/intro" class="animsition-link menu-link">Start New Game</a><br/>
<a href="#" class="menu-link">Resume Game</a><br/>
<a href="#" class="menu-link">Join Existing Game</a><br/>
<a href="#" class="menu-link" onclick="self.close()">Quit</a><br/>
font-family: Old Standard TT;
Have you tried setting the div's
width properties to
100vh and the