since you're here,
I design softwares for startups in sprints, one at a time - currently open for one project, let's chat if you want to make your product look polished 🤝
cal.com/maybepratik
since you're here,
I design softwares for startups in sprints, one at a time - currently open for one project, let's chat if you want to make your product look polished 🤝
cal.com/maybepratik
Everyone knows inner radius = outer − padding.
It breaks in 4 places:
Borders: subtract them too
Pills: the radius is height ÷ 2, not 999px
Focus rings: add instead of subtract
Padding bigger than radius: CSS clamps to 0, so set a floor
since you're here,
I design softwares for startup in sprints, one at a time - currently open for one project, let's chat if you want to make your product look polished 🤝
cal.com/maybepratik
since you're here,
I design softwares for startup in sprints, one at a time - currently open for one project, let's chat if you want to make your product look polished 🤝
cal.com/maybepratik
Pratik retweeted
design tip: use tabular numbers in tables and live data.
default digits have different widths, so values shake when they update and columns never line up.
tabular digits all share one width.
one line of CSS:
font-variant-numeric: tabular-nums;
design tip: use tabular numbers in tables and live data.
default digits have different widths, so values shake when they update and columns never line up.
tabular digits all share one width.
one line of CSS:
font-variant-numeric: tabular-nums;
since you're here,
I design softwares for startup in sprints, one at a time - currently open for one project, let's chat if you want to make your product look polished 🤝
cal.com/maybepratik
since you're here,
I design softwares for startup in sprints, one at a time - currently open for one project, let's chat if you want to make your product look polished 🤝
cal.com/maybepratik













