When I first read about flexbox I was quite sceptical because I thought that this would be poorly executed and the developers would have to hack around several things.
But I was delighted to be wrong… flexbox seems quite promising and it actually makes creating a simple timeline graph a 5 minute procedure.
For those unfamiliar with the CSS Flexbox spec here are some cool resources:
Now onward to our little project.
What we are trying to achieve here is to create a “timeline” based block-graph.
This is the end result: