JSFiddle - React, Tailwind, and code Playground

by evgkch

HTML

<div class="resizer">
  <div class="line"/>
  <div class="point"/>
  <div class="point"/>
  <div class="point"/>
  <div class="line"/>
</div>

SASS

.resizer {
  width: 5px;
  display: flex;
  height: 200px;
  flex-direction: column;
  
  
  .line {
    width: 2px;
    flex: 1;
  }
  .point {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: gray;
  }
}