JSFiddle - React, Tailwind, and code Playground

by Naresh

HTML

<div class="card">
  <div class="title">
    <div>Name: eDesignary</div>
    <div>Title: Source code platform!</div>
  </div>
  <div class="info">
    <div>Hyderabad</div>
    <div>[email protected]</div>
  </div>
</div>

CSS

.card {
  border: 1px solid lightgray;
}
.title {
  display: flex;
  flex-direction: column;
  padding: 1em;
  background-color: red;
  color: white;
  align-items: center;
}
.info {
  background-color: green;
  color: white;
}