JSFiddle - React, Tailwind, and code Playground

by Laxmikant Dange

HTML

<div class="timeline-container">
  <div class="timestamp">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam obcaecati quos fugit molestiae, quidem possimus repellendus architecto ipsum quis distinctio soluta labore iure autem doloremque optio, voluptatum fugiat nobis dolor!
  </div>
  <div class="timestamp">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam obcaecati quos fugit molestiae, quidem possimus repellendus architecto ipsum quis distinctio soluta labore iure autem doloremque optio, voluptatum fugiat nobis dolor!
  </div>
  <div class="timestamp">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam obcaecati quos fugit molestiae, quidem possimus repellendus architecto ipsum quis distinctio soluta labore iure autem doloremque optio, voluptatum fugiat nobis dolor!
  </div>
  <div class="timeline"></div>
  <div class="timestamp">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam obcaecati quos fugit molestiae, quidem possimus repellendus architecto ipsum quis distinctio soluta labore iure autem doloremque optio, voluptatum fugiat nobis dolor!
  </div>
  <div class="timestamp">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam obcaecati quos fugit molestiae, quidem possimus repellendus architecto ipsum quis distinctio soluta labore iure autem doloremque optio, voluptatum fugiat nobis dolor!
  </div>
  <div class="timestamp">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam obcaecati quos fugit molestiae, quidem possimus repellendus architecto ipsum quis distinctio soluta labore iure autem doloremque optio, voluptatum fugiat nobis dolor!
  </div>
</div>

SCSS

.timeline-container {
  display: flex;
  .timeline {
    width: 0px;
    border: 1px solid red;
  }
  .education {
    .timestamp {
      
    }
  }

  .work {
    .timestamp {
      
    }
  }

  .timestamp {
    display: block;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
    margin: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
  }
}