JSFiddle - React, Tailwind, and code Playground

by digitalmedia

HTML

<div class="wrapper">
    <div class="container">
	    Content
    </div>
</div>

CSS

html, body {
    margin:0;
    width:100%;
    height:100%
}
.wrapper{
    height:100%;
    background: url(http://lorempixel.com/output/animals-q-c-1920-1920-9.jpg) no-repeat 0 0;
}
.container {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 0 20px; 
    height:100%;
    min-height:100%;
    border:solid 10px #fff;
}
*  {box-sizing:border-box;}