JSFiddle - React, Tailwind, and code Playground

by TheDiamondDoge

HTML

<div class="wrapper">
  <div class="text">
    <div class="line title"></div>
    <div class="text">
      <div class="line"></div>
      <div class="line smallLine"></div>
    </div>
  </div>
  <div>
    <div class="circle"></div>
  </div>
</div>

CSS

.line {
  height: 15px;
  background-color: grey;
  margin-bottom: 4px;
}

.title {
  width: 400px;
}

.smallLine {
  width: 250px;
}

.text {
  margin-top: 20px;
  width: 500px;
}

.circle {
  background-color: grey;
  width: 96px;
  height: 96px;
  border-radius: 47px;
}

.wrapper {
  display: flex;
  justify-content: space-between;
}

.text {
  margin-top: 12px;
}