For context to the original post I published relating to this new post, [click here]. In summary of the original post, I wanted to target the header (element ID: hero) of a web page to make it fill whatever size your browser is stretched to. You can do this within Hype, but you can't have content below it to scroll down to if you do it without extra code. Someone gave me a fix for this problem, which was to enter the following into the head HTML:
height: 100vh !important;
It worked great for the most part, go here to see: http://2.ideahubdesign.com/. The only problem is, the div below the header (element ID: secondDiv) is a set position from the top, so there is always a different amount of space in between the "hero" div (the header) and the "secondDiv". Test it out to see what I mean.... Stretch the browser to one size, observe the distance in between the two divs, then stretch it to a different size and the distance will be different. I want to make it so that the "secondDiv" always stays relative to the bottom of the "hero" div.