title: Tailwind CSS how to code pixel perfect design
body: <p>Just started to use <a href="https://tailwindcss.com" rel="noreferrer">https://tailwindcss.com</a></p>
  
  <p>And can't figure out how to code pixel perfect design only with tailwind classes. Simple example, I need padding-left  22px but closest tailwind class is pl-6 and pl-8 which is 24px and 32px respectively. So at the end of the day, I have a bunch of tailwind classes + 1 custom where I make arrangements this defeats the purpose of this framework "utilities first".  </p>