Размеры (Sizing)

Классы для управления размерами элементов.

Ширина

Класс	Описание
.w-full	100% ширины
.w-screen	100% ширины экрана
.w-auto	Автоматическая ширина

Высота

Класс	Описание
.h-full	100% высоты
.h-screen	100% высоты экрана
.h-auto	Автоматическая высота

Примеры

Просмотр

w-full (100% ширины)

h-32 (фиксированная высота)

Код

<div class="flex flex-col gap-4">
  <div class="w-full p-4 bg-blue-500 text-white rounded">
    <p>w-full (100% ширины)</p>
  </div>
  <div class="h-32 p-4 bg-green-500 text-white rounded">
    <p>h-32 (фиксированная высота)</p>
  </div>
</div>

<div class="w-full">100% ширины</div>
<div class="h-full">100% высоты</div>
<div class="w-auto">Автоматическая ширина</div>