Skip to content

Instantly share code, notes, and snippets.

@aaroncrawford
Created March 23, 2022 04:06
Show Gist options
  • Save aaroncrawford/a043ebfc37c8db4f2aee6cc228b59aab to your computer and use it in GitHub Desktop.
Save aaroncrawford/a043ebfc37c8db4f2aee6cc228b59aab to your computer and use it in GitHub Desktop.
Tailwind 24 Column Width Percentages
width: {
"1/24": "4.1666666666667%",
"2/24": "8.3333333333333%",
"3/24": "12.5%",
"4/24": "16.6666666666667%",
"5/24": "20.8333333333333%",
"6/24": "25%",
"7/24": "29.166666666666667%",
"8/24": "33.333333333333333%",
"9/24": "37.5%",
"10/24": "41.666666666666667%",
"11/24": "45.833333333333333%",
"12/24": "50%",
"13/24": "54.166666666666667%",
"14/24": "58.333333333333333%",
"15/24": "62.5%",
"16/24": "66.666666666666667%",
"17/24": "70.833333333333333%",
"18/24": "75%",
"19/24": "79.166666666666667%",
"20/24": "83.333333333333333%",
"21/24": "87.5%",
"22/24": "91.666666666666667%",
"23/24": "95.833333333333333%",
"24/24": "100%",
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment