JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container-fluid">
		<div class="row">
			<div class="col-lg-12 header">
				<div class="row">
					<a href="#" class="col-lg-6 logo"></a>
					<input class="col-lg-6 search" type="text" placeholder="введите текст"/>
					</div>
				</div>
			</div>
     </div>
   </div>

CSS

* {
	padding:0px;
	margin:0px;
}
.header {
  display: block;
  position: relative;
  background-image: url(https://asterial.ru/uploads/header.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  max-width: 2560px;
  height: 275px; 
}

.logo {
  display: block;
  position: relative;
  background-image:...