css -> tailwind css

padding

 

padding : 1rem;

p-4

 

padding-top : 0.5rem;

pt-2

 

padding-bottom : 2rem;

pb-8

 

padding-left/right : 0.75rem;

px-3 ( 좌.우)

 

padding-top/bottom : 1.5rem;

py-6 ( 위.아래 )

 

 

margin

똑같음

1rem이 4

왼쪽은 l, 위는 t, 아래는 b, 오른쪽은 r, 위아래는 y, 왼우는 x

 

 

flexbox

 

display:flex;

flex

 

display:inline-flex;

inline-flex

 

flex-direction : column;

flex-col

 

flex-wrap : wrap;

flex-wrap

 

align-items : center;

items-center

 

align-self : start;

self-start