Tailwind Cheatsheet
Libraries
- https://github.com/serafimcloud/21st can paste UI code to cursor
- https://21st.dev/pro paided UI
- https://tailwindui.com/ bought it, but only used landing page
Box
Padding
p
is padding on all directionspx
is horizontal padding on both side, e.g.px-6
ispadding-left: 1.5rem; padding-right: 1.5rem;
py
is vertical padding on top and bottom, e.g.py-4
ispadding-top: 1rem; padding-bottom: 1rem;