Position
Controls the positioning of elements.
Class | Property |
---|---|
p-a | position: absolute; |
p-f | position: fixed; |
p-r | position: relative; |
p-s | position: static; |
p-st | position: sticky; |
Using responsive modifiers
Using responsive breakpoints like sm:p-*
,
md:p-*
, lg:p-*
, and xxl:p-*
allows targeting specific utilities in
different viewports.
Using hover modifiers
Using :hover
modifiers such as h:p-*
allows
you to override elements and change their values when hovering over them.