Размеры и overflow

Sizing

Width и height используют один словарь

• Ширина.w-*, .min-w-*, .max-w-*.
• Высота.h-*, .min-h-*, .max-h-*.
• Шкала0…25 соответствует 0…100 px с шагом 4 px.
• Специальные значенияauto и full доступны для каждой группы, например .w-full и .max-h-auto.

Overflow

Переполнение управляется целиком или по оси

Префиксы overflow, overflow-x и overflow-y принимают значения auto, hidden, clip, visible, scroll.

<div class="w-full max-h-25 overflow-y-auto overflow-x-hidden">
  ...
</div>

Responsive

Breakpoint поддерживается обеими группами

Числовые размеры: w-12 w-lg-25. Overflow: overflow-hidden overflow-md-visible. Специальные размеры auto и full доступны только без breakpoint.