Tailwind CSS Grid

grid # display: grid
inline-grid # display: inline-grid

grid-cols-1 # 1 column
grid-cols-2 # 2 columns
grid-cols-3 # 3 columns
grid-cols-4 # 4 columns
grid-cols-12 # 12 columns

grid-rows-1 # 1 row
grid-rows-2 # 2 rows
grid-rows-3 # 3 rows

col-span-1 # span 1 column
col-span-2 # span 2 columns
col-span-full # span all columns

row-span-1 # span 1 row
row-span-2 # span 2 rows
row-span-full # span all rows

gap-4 # gap: 1rem
gap-x-4 # column gap
gap-y-4 # row gap