Investigating making responsive tube-line inspired list for shopping cart / parcel tracking navigation [Draft]
Position marker navigation with connecting lines.
<ul class="tube-lines">
<li>
<div class="linetext">A</div>
<div class="station"></div>
</li>
<li>
<div class="linetext">B</div>
<div class="station"></div>
</li>
<li>
<div class="linetext">C</div>
<div class="station"></div>
</li>
<li>
<div class="linetext">D</div>
<div class="station"></div>
</li>
<li>
<div class="linetext">E</div>
<div class="station"></div>
<div class="message">
<h1>You are here</h1>
</div>
</li>
<li>
<div class="linetext">F</div>
<div class="station"></div>
</li>
</ul>