Tailwind utilities follow a predictable naming pattern based on CSS properties:

Common examples:

• Padding: p-4 (padding: 1rem), px-2 (horizontal padding: 0.5rem)
• Margin: m-8 (margin: 2rem), mt-4 (margin-top: 1rem)
• Colors: bg-blue-500 (background), text-red-600 (color)
• Display: flex, block, hidden, inline-block
• Width/Height: w-64 (width: 16rem), h-screen (height: 100vh)

The pattern is usually: [property]-[value] or [property][direction]-[value]