Tailwind is all about utility classes — tiny, reusable CSS classes that do one job. Here’s the core stuff you gotta know:
padding
, margin
, colors
, fonts
, layout
, and more.hyphenated
and often start with abbreviations like p-
(padding), m-
(margin), text-
(color/size), bg-
(background color).Edit the HTML below, mess with the classes, and see Tailwind magic happen instantly:
p-
for padding, m-
for margin, and text-
or bg-
for colors. Combine classes for quick styling without writing CSS.