JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="row">
  <div class="logo">
  Should be transparent
  </div>
</div>
</body>

CSS

body {
  background-color: red;  
  width:100%;
  padding:0px;
  margin:0px;
}

.row {
  width:100%;
  height:20px;
  background-color:blue;
}

.logo {
  width:200px;
  height:20px;
  background-color:green;
  margin: 0 auto;
}