JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header_logo-clearfix">
			<div id="header_logo">
				<a href="file:///C:/Users/Swag/Desktop/My%20Website/Home/home.html"><div id="logo"><img src="Header/banner.png" alt="Logo" align="middle" width="300"height="100"></a>
			</div>
		</div>

CSS

#header_logo-clearfix {
  width: 100%;
  height: 180px;
  margin: 0;
  padding: 0;
  display: block;
  background-color: #02236a;
}

#header_logo {
  margin-left: auto;
  margin-right: auto;
  width: 20%;
  margin-top: 40px;
}