Tailwind's class names are readable. items-center tells you what it does. But it's not CSS. It's Tailwind's own name for align-items: center , & that name doesn't always trace back cleanly. gap-x-4 reads fine, but gap-x isn't a CSS property. column-gap is. Same with shrink-0 for flex-shrink: 0 , or flex-col for flex-direction: column . Every one of these is something you learn on top of CSS, not something CSS already taught you. I didn't want a second vocabulary. I wanted t...