Skill ID: StylingCommonParts_14
Description: Make input fields in forms look neat with borders, padding inside.
Where to apply: Login forms, contact forms, search bars.
Key Tailwind Classes:
border rounded px-3 py-2
Gotcha:
Browser default styles for form inputs can be very inconsistent. The
@tailwindcss/forms
plugin is highly recommended as it provides a much better, consistent baseline and makes styling inputs easier. Without it, you'll fight more browser defaults.