I´m trying to make multiple full height, full width image blocks that adapt to current browser screen size like www.visitfinland.com .
The parallax effects are not necessary.
I have managed to make the first top image full width and full height by setting my div to display:block, height:100% width:100% position: absolute . But i guess another approach is take on multiple blocks???
Give the Body element height:100%
Then give any of your sections the same property, height:100%. Everything will have the browser dimensions.
1 Like