May 2022
Intermediate to advanced
104 pages
2h 24m
English
If you want a more classic magazine layout, you can use column flow, which is also suitable for photo layouts.
You specify column layouts in Tailwind in one of two ways. You can specify any number of columns from 1 to 12 with the pattern column-{count}. Alternately, you can specify the column by width with column-{size}, where the columns range from 2xs to xs, sm, md, lg, xl, and then 2xl through 7xl. The widths range irregularly from 16rem to 80rem, and you can specify an arbitrary width with the square bracket notation column-[{size}]. Using column-auto resets the columns. Just as with grids, you can use the gap family of classes to separate the columns.
Read now
Unlock full access