JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<div class="fullscreen-container"></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<p>hello</p>
</body>

CSS

* {
	margin:0;
	padding:0;
}

*, *:after, *:before {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html {
	/* Size */
	height: 100vh;
	width: 100vw;
	/* Fonts */
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	/* Colour */
	background-color: #333333;
}

body {
	/* Size */
	height: 100vh;
	width: inherit;
	/* Fonts */
	font-family: 'Lato', sans-serif;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	/* font-size: 4vw; */
	/* Colour */
	color: #FFF;
}
.fullscreen-container {
    width: 100%;
    height: 100vh
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(http://lorempixel.com/400/200);
}