JSFiddle - React, Tailwind, and code Playground

HTML

<div id="home">
    <h1>Site Name</h1>
    <p>This is slogan</p>
</div>

CSS

html, body{margin:0;padding:0}
#home {
    float:left;
    width:100%;
    height:100%;
    background: url(http://wallpaper-fun.ophibian.com/wallpapers/wallpaper_08.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#home h1, #home p{text-align:center;}

JavaScript

$(document).ready(function(){
    $('#home').css({'width':$(window).width(),'height':$(window).height()});    
});
$(window).resize(function() {
    $('#home').css({'width':$(window).width(),'height':$(window).height()});
});