Grid Auto Rows

Use the utilities to control the size implicitly-created grid rows.

To control the grid-auto-rows property at a specific breakpoint, add a {screen}: prefix to any existing grid-auto-rows utility. For example, use md:auto-rows-min to apply the auto-rows-min utility at only medium screen sizes and above.

For more information about Tailwind’s responsive design features, check out the Responsive Design documentation.

Learn more about customizing the default theme in the .

By default, only responsive variants are generated for grid-auto-rows utilities.

You can control which variants are generated for the grid-auto-rows utilities by modifying the gridAutoRows property in the variants section of your file.

Disabling

If you don’t plan to use the grid-auto-rows utilities in your project, you can disable them entirely by setting the gridAutoRows property to false in the corePlugins section of your config file:

 Gap→