Ширина

Карточка такая же широкая, как страница, поэтому на большом экране её текст растягивается в очень длинные строки. Ширину задают классы w-*, и их числа — это шаги той же шкалы отступов: w-64 — это 64 шага по 0.25rem, то есть 16rem, или 256 пикселей. Кроме чисел, есть классы для ширины, которая зависит от родителя или от окна:

Дроби вроде w-1/2, w-1/3, w-2/3 или w-3/4 — это доля ширины родителя, как проценты в курсе CSS. w-full делает элемент таким же широким, как содержимое родителя, w-screen — как окно браузера, а w-auto возвращает ширину по умолчанию, которую браузер вычисляет сам.

Кнопка — элемент inline-block, как вы знаете из курса CSS: она ровно такой ширины, как её содержимое, но ей можно задать ширину. Кнопки во всю ширину карточки встречаются часто, особенно на телефонах: в них легко попасть пальцем.