JSFiddle - React, Tailwind, and code Playground

HTML

<div id="pvp_detail">

CSS

body { background: #999999; }
#pvp_detail
	{
	min-height: 600px;
  width: 1024px;
 	

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #181818 0%, #0F0F0F 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #181818 0%, #0F0F0F 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #181818 0%, #0F0F0F 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #181818), color-stop(1, #0F0F0F));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #181818 0%, #0F0F0F 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #181818 0%, #0F0F0F 100%);
	}