JSFiddle - React, Tailwind, and code Playground

by Kirubel Girma

HTML

<div class="totalDue_d">
  <div class="tot">Total Due Today</div>
  <div class="price">$10</div>
</div>

CSS

.totalDue_d {
  padding: .5em;
  display: flex;
  flex-direction: column;
  background-color: #22b43282;
  border-left: .7em solid #22b432;
  padding-left: .7em;
  height: 3em;
}

.tot {
  font-family: Arial;
  font-size: 1em;
}

.price {
    font-family: arial;
  font-size: 1.5em;
  font-weight: 500;
}