Относительные размерыlink

Относительные размеры задаются в дробях, чтобы определить размер относительно родительского элемента или экрана:

  1. Для 100% используется full, например: w-full.
  2. Размеры относительно экрана обозначаются с префиксом screen: h-screen-1/2, h-screen-3/4.
  3. Для сеток используется fr, обозначающее долю оставшегося пространства, например: auto-cols-fr, auto-rows-fr.