Utilities for controlling the number of columns within an element.
Use columns-<number> utilities like columns-3 to set the number of columns that should be created for the content within an element:
The column width will automatically adjust to accommodate the specified number of columns.
Use utilities like columns-xs and columns-sm to set the ideal column width for the content within an element:
When setting the column width, the number of columns automatically adjusts to ensure they don't get too narrow.
Use the gap-<width> utilities to specify the width between columns:
Learn more about the gap utilities in the gap documentation.