JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex-container">
  <div class="simple">">flex item 1</div>
  <div class="fancy"">flex item 2</div>
</div>

CSS

.simple {
  width: 500px;
  margin: 20px auto;
}

.fancy {
  width: 500px;
  margin: 20px auto;
  padding: 50px;
  border-width: 10px;
}