JSFiddle - React, Tailwind, and code Playground

by Daedalus

HTML

<div class="row">
  <div class="col c1">
    <div id="menu">
      Menu
    </div>
  </div>
  <div class="col c2">
    <img src="https://placehold.it/200x200" />
  </div>
</div>

SCSS

.row {
  &::after {
    content: "";
    display: table;
    clear: both;
  }
}

.col {
  float: right;
  &.c1 {
    width: 25%;
    margin: 0 auto;
  }

  &.c2 {
    width: 50%;
  }
}

#menu {
  width: 100px;
  height: 100px;
  border: 1px solid red;
}