JSFiddle - React, Tailwind, and code Playground

by WoJWoJ

HTML

<div class="column">

  <div class="logo">
    <svg width="50" height="50">
      <rect width="100%" height="100%" fill="green" />
    </svg>
  </div>

  <div>
    <svg width="25" height="50">
      <rect width="100%" height="100%" fill="red" />
    </svg>
  </div>

</div>

CSS

.column {
  display: flex;
  flex-direction: column;
  width: 200px;
  border-style: dashed;
  border-width: 1px;
  gap: 10px;
 
}

.logo {
   flex-grow: 1;
}

svg {
  width: 100%;
  height: auto;
  display: block;
}