title: How to create responsive horizontal timeline
body: <p>I want to create a simple horizontal timeline where timeline border starts from extreme end of page in case it is horizontal.</p>
  
  <p>Each timeline circle would have card below it.</p>
  
  <p>I tried many solutions but all horizontal lines starting from a particular point and not from one end of screen as per my requirement.</p>
  
  <p><a href="https://i.stack.imgur.com/wYk1i.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wYk1i.png" alt="timeline"></a></p>
  
  <hr>
  
  <p>Referred posts:</p>
  
  <ul>
  <li><a href="https://stackoverflow.com/q/41605804/8111997">Responsive horizontal timeline into vertical timeline with bootstrap</a></li>
  </ul>