KPI Card with Table

A small detail that I found out recently is to use tabular numbers/monospace formatting when dealing with numbers in tables. This ensures uniform widths and perfectly aligns cells, such that a straight line between decimal points can be drawn. In Tailwind CSS, the class 'tabular-nums' handles this issue (Link to doc article).

View all tags
Posted on Mar 12, 2022

More by Christopher Kindl

View profile