JSFiddle - React, Tailwind, and code Playground

HTML

<div class="panel">
  <div class="panel-heading">Heading</div>
  <div class="panel-body">
    Body with a lot of content 
    Body with a lot of content 
    Body with a lot of content 
    Body with a lot of content 
    Body with a lot of content
    Body with a lot of content 
    Body with a lot of content 
    Body with a lot of content
    Body with a lot of content
  </div>
</div>

SCSS

body{
  padding: 10px;
}
.panel{
  border: 1px solid black;
  display: flex;
  & > .panel-heading {
    border: 1px solid green;
  }
  & > .panel-body {
    border: 1px solid blue;
  }
}