Positioning
Position
To postion an element absolutely, set pos-rel on the parent element and pos-abs to child that you’d like to position absolute. Our position utilities are meant to be used (mostly) with pinning.
Class
| Class | Result |
|---|---|
pos-rel
|
Position relative to the elements normal position. |
pos-abs
|
Position an element absolutely. |
pos-fix
|
Set the fixed position of an element. |
pos-stick
|
Make it sticky. For use with table headers. |
Pin
Class
| Class | Result |
|---|---|
pin-{ top, bottom, left, right }
|
In combination with position utilities, pin an element top, bottom, left, right. |
Visualizer
Try this! Pin an element to different sides of its container!