Skip to main content

Tailwind Cheatsheet

Box​

Box Model

Padding​

Padding

  • p is padding on all directions
  • px is horizontal padding on both side, e.g. px-6 is padding-left: 1.5rem; padding-right: 1.5rem;
  • py is vertical padding on top and bottom, e.g. py-4 is padding-top: 1rem; padding-bottom: 1rem;