dojo
Tailwind Grid Cheatsheet
ShortcutFoo uses a Spaced Repetition System that adapts to your training.
scf keyboard

Container

grid
Create a grid container
inline-grid
Create an inline grid container
grid-cols-n
Set number of grid columns to n
grid-rows-n
Set number of grid rows to n
grid-cols-none
Reset grid column definition
grid-rows-none
Reset grid row definition
scf keyboard

Columns

col-span-n
Span element by n columns
col-start-n
Start item at column n
col-end-n
End item at column n
col-span-full
Span current column by all columns
col-auto
Auto column
col-start-auto
Column start auto
col-end-auto
Column end auto
scf keyboard

Rows

row-auto
Auto row
row-span-n
Span element by n rows
row-start-n
Start element at row n
row-end-n
End element at row n
row-start-auto
Row start auto
row-end-auto
Row end auto
row-span-full
Span element by all rows
scf keyboard

Gap

gap-n
Set grid gap to n (rows and columns)
gap-x-n
Set grid column gap to n
gap-y-n
Set grid row gap to n
achievement-star