JSFiddle - React, Tailwind, and code Playground

by cathead

HTML

<div class="container">
  <div class="foo">
    <div class="baz">hel</div>
    <div class="baz">hshs</div>
  </div>
</div>

CSS

.foo {
  display: flex;
}
.baz {
  background: gold;
  box-shadow: inset 0 0 0 4px black;
  padding: 10px;
  flex: 0 0 auto;
  width: 30%;
}
.container {
  background-color: purple;
  margin: 0 auto;
  max-width: 900px;
}