JSFiddle - React, Tailwind, and code Playground

HTML

<header>
<div class="logo">
  <img src="https://trellis.co/wp-content/uploads/2015/09/hidden_meanings_facts_within_famous_logos_cover_image.jpg" alt="">
</div></header>

CSS

body {
padding: 0px;
margin: 0px;
}

div, p, input, button, form {
box-sizing: border-box;
}
header {
display: flex;
justify-content:center;
height:100%;
width: 100%;
background-color: #4e8598;
position: relative;
}

.logo {
height: 29px;
width: 121px;
margin: 20px auto;
}
.logo img{
  width: 100%;
  height: 100%;
}