The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Build a tockify layout/ Tile & list layout using CSS Flexbox
I am looking for approach to build similar using simple css and javascript
Start by learning more about HTML basics here: https://learnlayout.com
And here’s something to help you with using flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Try coding something yourself and then if you need help, show us your code in a reduced CodePen demo, with a clear description of what should be happening, vs what is actually happening, and we can offer suggestions based on that.
Offhand, based on the website for Tockify, this is another “masonry” type layout and so flexbox isn’t entirely appropriate.
This explains and is arguably the definitive answer – https://stackoverflow.com/questions/44377343/css-only-masonry-layout-but-with-elements-ordered-horizontally