JSFiddle - React, Tailwind, and code Playground

by Shanna Barnard

HTML

<div class="container">

  <div class="card">
    one
  </div>
  
  <div class="card">
    two
  </div>
  
   <div class="card">
    three
  </div>
</div>

CSS

.card {
   display: flex;
   align-items: stretch;
   max-width: 100%;
   padding: 1rem;
   border-top: 1px solid lightgrey;
}

.card:last-child {
   border-bottom: 1px solid lightgrey;
}