JSFiddle - React, Tailwind, and code Playground

by technik300

HTML

<div class="header">
    <div class="wrapper">
      <div class="logo"></div>
    </div>
  </div>

SCSS

.header {
  height: 50px;
  width: 100vw;
  display: flex;
  flex-direction: row;
  flex-direction: column;
  
}
.wrapper {
      background: #00c9c924;
      display: flex;
      flex: 1;
      width: fit-content;
}

.logo {
  width: 50px;
  height: 100%;
  aspect-ratio: 1;
  background: rgba(255, 0, 0, 0.247);
}