Tailwind CSS Utility Classes

m-4 # margin 1rem (16px)
mt-4 # margin-top
mb-4 # margin-bottom
ml-4 # margin-left
mr-4 # margin-right
mx-4 # margin horizontal
my-4 # margin vertical
p-4 # padding

w-full # width 100%
w-1/2 # width 50%
w-64 # width 16rem
h-full # height 100%
h-screen # height 100vh
max-w-md # max-width 28rem

block # display: block
inline # display: inline
inline-block # display: inline-block
flex # display: flex
grid # display: grid
hidden # display: none

text-blue-500 # text color
bg-red-500 # background color
border-green-500 # border color
text-white # white text
bg-gray-100 # light gray background

text-xs # font-size 0.75rem
text-sm # font-size 0.875rem
text-base # font-size 1rem
text-lg # font-size 1.125rem
text-xl # font-size 1.25rem
font-bold # font-weight 700
text-center # text-align center