JSFiddle - React, Tailwind, and code Playground

HTML

<header id="header" class="wrap">
		<div id="logo">
			<a href="#"><img src="https://retohercules.com/images/leo-png-3.png" alt=""></a>
		</div>
	</header>

CSS

.wrap
{
	width: 98.95vw;
	margin: 0 auto;
}
#header
{
	height: 13.02vmax;
	border-bottom: 0.083vmax solid #e9e9e9;
	display: flex;
	align-items: center;
	justify-content: center;
}
#logo
{
	width: 10.55vw;
	height: 5vmax;

}
#logo img
{
	width: 100%;
	height: auto;
}