JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">  	
    <div class="row">
      <div class=".twelve.columns" id="header">
      	<div id="logoWrapper">
      			<img src="https://nbson.com/sni/images/logo.png" class="ssImg">
      			<div class="clr"></div>
      	</div>		
      </div>
    </div>    
  </div>

CSS

.ssImg{
	width:100%;
}
.clr{
	clear:both;
}
#header{
	 margin-top:0;
	 background:#000;	 
	 position:relative;a
	 width:100%;
	 border:1pt solid pink;	
}

#logoWrapper{
	width:15%;
	min-width:120px;
	margin-left:10px;
	position:relative;
  bottom: -40px;
}