Spruced up the 'ol thing.

[parndt]

Not ready yet..

Currently:

This is loosely based on this UI design:

Help required:

Need to figure out a way to extend the white background to the bottom of the browser without showing a scroll bar or setting a background image on the body etc. Anyone know how that works best in 2015?

[parndt]

Apparently height: 100vh might be our friend - thanks @lengarvey

Though, maybe not perfect on all browsers like mobile.

[roonie]

Setting the min-height to 100% can do the trick. For it to work, the parents has to have a height of 100%. Using a min-height has the pro of extending when the content grows.

[roonie]

Here is a quick preview how to do it (sass)

html
  height: 100%
body
  height: 100%
  .thing_wrapper
    height: 100%
    padding: 52px 0 0
    position: relative
    box-sizing: padding-box
    .white_thing
      min-height: 100%

[parndt]

@roonie nice! Thank you for the example code! ❤️

[parndt]

Thanks, @roonie and @johanb for the push over the edge!