gird timeline simple

by ShaCP

HTML

<div id="timeline">

</div>

CSS

#timeline {
display: grid;
/* grid-template: 
"segment segment segment"
/ 50px 60px 30px; */
grid-template-rows: 1fr;
grid-template-columns: [linename1 linename2] 100px
                       repeat(auto-fit, [linename1] 300px) [linename3];
height: 100px;
background-color: lightskyblue;
}