JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
</div>
<div id="searchbanner">
	<div class="searchbox">
	</div>
</div>

CSS

*{margin:0; padding:0;}
body{
background:green;
}
#header{
	width:100%;
	background:#C4302A;
	height:46px;
}
#searchbanner{
	background: #222 url('images/bg.png') no-repeat;
	background-size: 100% auto;
	width:100%;
    height:200px;
    padding: 30px 0;
}
.searchbox{
	width:400px;
	height:60px;
	margin: auto;
	background:#ff0099;
}