JSFiddle - React, Tailwind, and code Playground

by Nikhil krishnan

HTML

<div class="banner"></div>

CSS

*,html{
  padding:0;
  margin:0;
}
.banner {
  background: url('http://whois.domaintools.com/images/backgrounds/dark-desert-hills.jpg') no-repeat top center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

JavaScript

$(window).on("resize", function() {
  //banner height
  $('.banner').height($(window).height());
}).resize();