!rant

<curious>
How do you guys format data like this? Using js framework? Or pure HTML tags?
html labels? invisible table?
</curious>

Long time ago I'd say table, but now I'd use only divs with css

Div plus flexbox yes!

before flexbox, i used to do it via tables, divs or dl/td/dd tags

Divs + labels.

That looks like a list to me.

<table> <tr> <th></th> <td></td> </tr> </table>

Or

Any CSS framework that provides a grid. Use Bootstraps .row and .col-xs-6 classes for example.

Wait...

...HTML has other tags than <div>?

Div + css

CSS framework utilising a grid of some sort. These are all applied through the classes the framework provides. I prefer Semantic UI. Something like this could be done with a Card and a Grid inside it with basic text and maybe a Label for the green thingy. Bootstrap is your safest bet. Of you could write your own CSS too.

@No-one they're not good for a responsive design.

But still have their uses.

@No-one Responsive design. Tables are very difficult to scale for smaller & bigger displays.

Some flexbox/grid divs can be turned from a vertical list into a fullwidth table into a sidebar with tiles, or whatever you think looks fancy on that type of display.

Flexboxes are life !

@gilgameshcoder, which website is that? Easiest way to know for sure is to let someone actually look at it or, as mentioned, inspect it yourself with the F12 dev console.

Also I'm personally curious too so please share the link :F

@Bastion @SoulSkrix This is a design prototype, it is not a production ready a webpage yet. This clears up why I couldn't just inspect it. 😛