Adaptive and multiple full height, full width image blocks

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.

Like here http://sab.webflow.com/navbar-with-anchors

1 Like