Tailwind CSS Layout

Layout utilities in Tailwind CSS

Container

container # responsive container with max-width
container mx-auto # centered container

Position

static # position: static
relative # position: relative
absolute # position: absolute
fixed # position: fixed
sticky # position: sticky

Position Values

top-0 # top: 0
right-0 # right: 0
bottom-0 # bottom: 0
left-0 # left: 0
inset-0 # all sides 0

Z-Index

z-0 # z-index: 0
z-10 # z-index: 10
z-50 # z-index: 50

Overflow

overflow-auto # overflow: auto
overflow-hidden # overflow: hidden
overflow-scroll # overflow: scroll
overflow-x-auto # horizontal overflow